This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Webkit animation experiment | |
*/ | |
@-webkit-keyframes title { | |
0%,100% { | |
text-shadow: 0 0 5px rgba(255,255,255,0.5); | |
} | |
50% { | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Polaroid photo gallery experiment | |
*/ | |
@import url(http://fonts.googleapis.com/css?family=Swanky+and+Moo+Moo); | |
html { | |
background: #f06; | |
background: linear-gradient(60deg, #AAA, #EEE); | |
min-height:100%; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* The first commented line is your dabblet’s title | |
*/ | |
html { | |
background: #FFF; | |
min-height:100%; | |
} | |
#container { | |
width: 205px; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* CSS Example: "box-sizing: border-box" | |
*/ | |
html { | |
min-height: 100%; | |
background: linear-gradient(-45deg, #FFF 0%, #EEE 100%); | |
} | |
#page { | |
font-family: 'Lucida Grande', Verdana, Tahoma, sans-serif; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*Now the styles*/ | |
* { | |
margin: 0; | |
padding: 0; | |
} | |
body { | |
background: #ccc; | |
font-family: arial, verdana, tahoma; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* CSS Speech Bubble | |
*/ | |
html { | |
background: #EEE; | |
} | |
.wrap { | |
width: 960px; | |
margin: 0 auto; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* CSS-only Page Curl Box Shadow | |
*/ | |
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300); | |
html { | |
background: #DEF; | |
background: linear-gradient(45deg, #EFF, #DEF); | |
min-height: 100%; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* CSS-only Page Curl Box Shadow | |
*/ | |
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300); | |
html { | |
background: #DEF; | |
background: linear-gradient(45deg, #EFF, #DEF); | |
min-height: 100%; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* CSS-Only Pinterest-style box columns | |
*/ | |
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300); | |
html { | |
background: #DEF; | |
background: linear-gradient(45deg, #FFE, #FED); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Image titles | |
*/ | |
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300); | |
html{ | |
background: #EFE; | |
background: linear-gradient(45deg, #EFE, EEF); | |
min-height: 100%; |
OlderNewer