Tyler Gaw tylergaw
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
| /** | |
| * Centered Vertical line with CSS Gradient | |
| */ | |
| div { | |
| background: #fff; | |
| background: linear-gradient(180deg, transparent, #353535, transparent); | |
| background-position: 50%; | |
| background-repeat: repeat-y; | |
| background-size: 1px 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 Ping Pong | |
| */ | |
| body { | |
| background-color: #ccc; | |
| } | |
| div { | |
| background-color: green; | |
| background-image: linear-gradient(top, transparent, #fff, transparent), |
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 interpolation - Mugshots */ | |
| /* Original demo: http://dabblet.com/gist/2428309 */ | |
| @keyframes mugs { | |
| from, to { background-image: url('http://florida.arrests.org/mugs/Marion/2012/1200017953.jpg'); } | |
| 5% { background-image: url('http://florida.arrests.org/mugs/Broward/581200316.jpg'); } | |
| 10% { background-image: url('http://florida.arrests.org/mugs/Pasco/000174499.jpg'); } | |
| 15% { background-image: url('http://florida.arrests.org/mugs/Pasco/000174502.jpg'); } | |
| 20% { background-image: url('http://florida.arrests.org/mugs/Broward/561200345.jpg'); } | |
| 25% { background-image: url('http://florida.arrests.org/mugs/Marion/2012/1200017960.jpg'); } |
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 Filter playin' | |
| */ | |
| h1 { | |
| color: #353535; | |
| font-family: georgia; | |
| font-size: 14px; | |
| font-style: italic; | |
| font-weight: normal; |
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 Filter playin' | |
| */ | |
| h1 { | |
| color: #353535; | |
| font-family: georgia; | |
| font-size: 14px; | |
| font-style: italic; | |
| font-weight: normal; |
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 | |
| */ | |
| body { | |
| background: url('http://i.imgur.com/FwZS5.gif') repeat; | |
| } | |
| h1 { | |
| animation: blink 0.5s infinite; |
tylergaw
/ dabblet.css
Created
July 7, 2012 16:49
Image replacement without all the crud. Super cool
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 replacement without all the crud. Super cool */ | |
| /* From: http://devfiles.myopera.com/articles/1181/cssgendemo.html#imagereplacement */ | |
| /* and https://twitter.com/themaninblue/status/221516983554936832 */ | |
| /* No Firefox support yet. */ | |
| a { | |
| content: url('https://www.readability.com/media/images/logo_chair.png'); | |
| } |
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
| /** | |
| * RRRRRRRRRRROLL | |
| */ | |
| /*background: #fff url(http://24.media.tumblr.com/tumblr_m6682mxtuF1rt0g8wo1_500.gif) repeat;*/ | |
| body { | |
| background-color: #000; | |
| } | |
| html, body, ul { |
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
| /** | |
| * RRRRRRRRRRROLL | |
| */ | |
| /*background: #fff url(http://24.media.tumblr.com/tumblr_m6682mxtuF1rt0g8wo1_500.gif) repeat;*/ | |
| body { | |
| background: #fff url(http://24.media.tumblr.com/tumblr_m6682mxtuF1rt0g8wo1_500.gif) repeat; | |
| } |
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
| /** | |
| * RRRRRRRRRRROLL | |
| */ | |
| body { | |
| background-color: #000; | |
| } | |
| html, body, ul { | |
| padding: 0; |