kevinbatdorf-snippits
kevinbatdorf-snippits
/ bended-shadow.css
Created
November 3, 2012 06:58
— forked from nrrrdcore/bending-shadow.css
CSS: Simple Bended-Shadow
This file contains hidden or 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
| .bended-shadow { | |
| position: relative; | |
| width: 500px; | |
| margin: 200px auto; | |
| } | |
| .bended-shadow::before, .bended-shadow::after { | |
| content: ''; | |
| position: absolute; | |
| width: 60%; |
kevinbatdorf-snippits
/ border.css
Created
November 3, 2012 06:45
— forked from nrrrdcore/border.css
CSS: Faded/Gradient Borders
This file contains hidden or 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
| .border-container { | |
| width: 28%; /* border will be on the left on this container */ | |
| float: right; | |
| overflow: hidden; /* only needed if floating container */ | |
| min-height: 600px; /* static height if you want your container to be taller than its content */ | |
| -moz-box-shadow: inset 15px 0 5px -16px rgba(0,0,0,.1), -1px 0 0 #FFF; | |
| -webkit-box-shadow: inset 15px 0 5px -16px rgba(0,0,0,.1), -1px 0 0 #FFF; | |
| box-shadow: inset 15px 0 5px -16px rgba(0,0,0,.1), -1px 0 0 #FFF; | |
| border-width: 0 0 0 1px; | |
| -webkit-border-image: |
kevinbatdorf-snippits
/ neue.css
Created
November 3, 2012 06:44
— forked from nrrrdcore/neue.css
CSS: Firefox-Safe "Helvetica Neue Light" Font Stack
This file contains hidden or 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
| font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; |
kevinbatdorf-snippits
/ apple-shadow.css
Created
November 3, 2012 06:42
— forked from nrrrdcore/apple-shadow.css
CSS: Bending Shadows Backwards: Apple.com's Container CSS Sorcery
This file contains hidden or 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-stuff { | |
| -moz-border-radius: 0% 0% 100% 100% / 0% 0% 8px 8px; | |
| -webkit-border-radius: 0% 0% 100% 100% / 0% 0% 8px 8px; | |
| border-radius: 0% 0% 100% 100% / 0% 0% 8px 8px; | |
| -moz-box-shadow: rgba(0,0,0,.30) 0 2px 3px; | |
| -webkit-box-shadow: rgba(0,0,0,.30) 0 2px 3px; | |
| box-shadow: rgba(0,0,0,.30) 0 2px 3px; | |
| } | |
| .container { |
This file contains hidden or 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> | |
| <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]--> | |
| <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]--> | |
| <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]--> | |
| <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> | |
| <meta content='' name='description' /> | |
| <meta content='' name='author' /> |