User Tools

Site Tools


css

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
css [2013/01/20 13:08] skipidarcss [2020/12/27 20:35] (current) – external edit 127.0.0.1
Line 1: Line 1:
 +====== Tools ======
 +^Tool ^Link^
 +|CSS3 Generator| http://css3please.com/ |
 +
 +
 +====== TAGS ======
 +===== media =====
 +Can override the default value, like "float" depending on the 
 +<sxh css>
 +@media (max-width:1000px) {
 +    #subhead ul.dropdown {
 +     float: left;
 + }
 +}
 +</sxh>
 +
 +
 +====== PATTERNS ======
 +===== Sticky Footer =====
 +
 +^Pattern^ Link To Example^
 +|The Sticky Footer remains at the bottom, unlexx the content is larger, than the screen height. Then the Footer is pushed down by the content. |http://www.lwis.net/journal/2008/02/08/pure-css-sticky-footer/|
 +{{http://i520.photobucket.com/albums/w327/schajtan/2013-01-20_11-57-30.png?400}} {{http://i.imgur.com/S4x4MhL.png?400}}
 +
 +
 +===== CSS3 Shadow =====
 +
 +^Pattern^ Link To Example^
 +|Box Shadow |http://robertnyman.com/2010/03/16/drop-shadow-with-css-for-all-web-browsers/|
 +<sxh css>
 +.shadow {
 + -moz-box-shadow: 3px 3px 4px #000;
 + -webkit-box-shadow: 3px 3px 4px #000;
 + box-shadow: 3px 3px 4px #000;
 + /* For IE 8 */
 + -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
 + /* For IE 5.5 - 7 */
 + filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
 +}
 +</sxh>
 +
 +