CSS Creations Logo - Snippet

--- jQuery jQuery UI Bootstrap Angular Backbone D3 Ember GreenSock TweenMax Handlebars Lodash Modernizr Polymer React React DOM Snap.svg Three.js Underscore Zepto ZingChart

--- Bootstrap Foundation Animate.css

• Preview
• HTML
• CSS
• JS

<h1> <a href="#"> <span>css</span>creations </a> </h1>

body { background: #656E77; font-family: 'Helvetica Neue'; /*font-family: sans-serif;*/ } h1 { color: #fff; position: relative; width: 200px; margin: 30px auto; font-weight: normal; font-size: 32px; } h1 a { text-decoration: none; color: #fff; } span { color: #656E77; margin-right: 5px; position: relative; } h1:before { background: #fff; content: 'css'; border-radius: 5px; display: inline-block; position: absolute; top: 0; left: 0px; z-index: -1; -webkit-transform: rotate(-10deg); /* Safari, Chrome */ -moz-transform: rotate(-10deg); /* FF */ -ms-transform: rotate(-10deg); /* IE9 */ -o-transform: rotate(-10deg); /* Opera 10.5 */ transform: rotate(-10deg); filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6–IE9 */ M11=0.984807753012208, M12=0.17364817766693033, M21=-0.17364817766693033, M22=0.984807753012208, sizingMethod='auto expand'); zoom: 1; } h1:before, span { padding: 0 8px }

Tutorials Palace 7 August, 2018 No Comments

1

240 Views