HOT CSS

Free Beautiful Css templates, Web designer tricks from expert

Pages

▼
Friday, February 28, 2014

Tutorial Centering a Website

›
<body> <div id="page-wrap"> <!-- all websites HTML here --> </div> </body> #page-wrap {...

Tutorial Center DIV with Dynamic Height

›
CSS: * { margin: 0; padding: 0; } #page{display:table;overflow:hidden;margin:0px auto;} *:first-child+html #page {position:relative;}/*ie...

Tutorial Browser Specific Hacks

›
/***** Selector Hacks ******/ /* IE6 and below */ * html #uno { color: red } /* IE7 */ *:first-child+html #dos { color: red } ...

Tutorial Bouncy Animated Loading Animation

›
Just some funzies with CSS3 animations. If you are worried about super deep browser support, use a GIF . <div class="loader"...

Tutorial Blurry Text

›
Make the text color transparent but add a shadow: .blur { color: transparent; text-shadow: 0 0 5px rgba(0,0,0,0.5); } Blurry Mor...

Tutorial Better Helvetica

›
body { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, ...

Tutorial Basic Link Rollover as CSS Sprite

›
a { display: block; background: url(sprite.png) no-repeat; height: 30px; width: 250px; } a:hover { ...
‹
›
Home
View web version
Powered by Blogger.