HOT CSS

Free Beautiful Css templates, Web designer tricks from expert

Pages

▼
Sunday, March 2, 2014

Tutorial Transparent Background Images

›
There is no CSS property background-opacity, but you can fake it by inserting a pseudo element with regular opacity the exact size of the el...

Tutorial Top Shadow

›
Shadow along the top edge of the website, like this: body:before { content: ""; position: fixed; ...

Tutorial Text Rotation

›
.rotate { /* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg); /* IE */ -ms-transform: ...

Tutorial Text Dripping Blood

›
.blood { color:silver; text-shadow: 4px 4px 1px #300000, 4px 6px 1px #400000, 4px 8px 1px #500000, ...

Tutorial Style Override Technique

›
p { font-size: 24px !important; } The !important rule at the end of a value will override any other style declarations of that attri...

Tutorial Style Links Depending on Destination

›
a[href^="http://"] { /* fully valid URL, likely external link */ } a[href="http://google.com"] { /...

Tutorial Sticky Footer

›
Works great if you can apply a fixed height to the footer. <div class="page-wrap"> Content! </div> ...
‹
›
Home
View web version
Powered by Blogger.