albert jalbertbowden
jalbertbowden
/ dabblet.css
Created
March 27, 2012 03:52
— forked from JoelBesada/dabblet.css
CSS States
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 States */ | |
| body { | |
| background: url(http://dabblet.com/img/noise.png); | |
| background-color: #F5F2F0; | |
| font-family: Georgia, serif; | |
| font-size: 18px; | |
| line-height: 1.6em; | |
| text-shadow: 0 2px 0 white; | |
| color: #222; | |
| } |
jalbertbowden
/ dabblet.css
Created
March 27, 2012 04:16
— forked from kizu/dabblet.css
Stupid box-shadow pixelized icons
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
| /* Stupid box-shadow pixelized icons */ | |
| a { | |
| color: blue; | |
| padding-right: 1px; | |
| } | |
| a:hover { | |
| color: red; | |
| } | |
| a:after { | |
| content: ""; |
jalbertbowden
/ dabblet.css
Created
March 27, 2012 05:57
— forked from daneden/dabblet.css
Transition aliasing bug - with 3D transform fix
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
| /* Transition aliasing bug - with 3D transform fix */ | |
| body { | |
| font-family: Helvetica, Helvetica Neue, Arial, sans-serif; | |
| font-weight: 700; | |
| transform: translate3d(0,0,0); | |
| } | |
| div { | |
| width: 100px; |
jalbertbowden
/ dabblet.css
Created
March 27, 2012 06:00
— forked from daneden/dabblet.css
Transition aliasing bug
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
| /* Transition aliasing bug */ | |
| body { | |
| font-family: Helvetica, Helvetica Neue, Arial, sans-serif; | |
| font-weight: 700; | |
| } | |
| div { | |
| width: 100px; | |
| height: 100px; |
jalbertbowden
/ dabblet.css
Created
April 3, 2012 07:29
— forked from girliemac/dabblet.css
Happy Valentine's Day!
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
| /** | |
| * Happy Valentine's Day! | |
| * Feb. 14th 2012 | |
| * @girlie_mac | |
| */ | |
| body { | |
| background: #f06; | |
| } |
jalbertbowden
/ dabblet.css
Created
April 3, 2012 07:30
— forked from girliemac/dabblet.css
CSS3 No-image Chupa-Chupsy candy
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
| /** | |
| * CSS3 No-image Chupa-Chupsy candy | |
| * by @girlie_mac | |
| * http://girliemac.com/blog/2012/03/24/making-chupa-chups-using-css3-pseudo-elements/ | |
| * | |
| * Please, do not compare this with the real one. | |
| * I feel pretty terrible making the awesome design by Salvador Dalí into some crap. | |
| * But my point of this demo is that you can create the floral shape with CSS, using border-radius:50% and pseudo-element(s) | |
| */ | |
| html { |
jalbertbowden
/ dabblet.css
Created
April 10, 2012 20:58
— forked from chriscoyier/dabblet.css
Shadow Triangle
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
| /* Shadow Triangle */ | |
| span { | |
| display: inline-block; | |
| transform: scaleX(2.5); | |
| color: #BADA55; | |
| text-shadow: | |
| 0 2px 2px rgba(255,255,255,0.7), | |
| 0 10px 4px rgba(0,0,0,0.5); | |
| font-size: 32px; |
jalbertbowden
/ dabblet.css
Created
May 31, 2012 08:47
— forked from chriscoyier/dabblet.css
Fake animated pseudo
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
| /** | |
| * Fake animated pseudo | |
| */ | |
| div { | |
| width: 200px; | |
| padding: 10px; | |
| position: relative; | |
| background: red; | |
| background-clip: content-box; | |
| animation: bounce infinite alternate 0.5s; |
jalbertbowden
/ dabblet.css
Created
June 6, 2012 20:24
— forked from LeaVerou/dabblet.css
drop-shadow filter vs box-shadow
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
| /** | |
| * drop-shadow filter vs box-shadow | |
| */ | |
| html { | |
| background: url('http://subtlepatterns.com/patterns/purty_wood.png') | |
| } | |
| .speech-bubble { | |
| position: relative; |
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
| <!DOCTYPE html> | |
| <html lang="en-us"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <title>Font Awesome Vanilla</title> | |
| <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" /> | |
| <style> | |
| @font-face{font-family:'FontAwesome'; | |
| src:url('font/fontawesome-webfont.eot'); | |
| src:url('font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), |
OlderNewer