Javier Ruiz Calvetto
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
| /** | |
| * Preload | |
| */ | |
| .loader-wrapper { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| z-index: 1000; |
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
| /** | |
| * Flip Kitty | |
| */ | |
| body { | |
| font-size: 1.2em; | |
| font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
| } | |
| .container { | |
| text-align: center; | |
| perspective: 800px; |
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
| /* | |
| * Perspectiva | |
| */ | |
| .container { | |
| width: 200px; height: 200px; | |
| border: 1px solid #CCC; | |
| margin: 40px 50px; | |
| position: relative; | |
| perspective: 600px; | |
| } |
Calvetto
/ dabblet.css
Created
November 28, 2015 11:12
— forked from csssecrets/dabblet.css
Esquina doblada
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
| /** | |
| * Esquina doblada | |
| */ | |
| div { | |
| width: 300px; | |
| background: #58a; | |
| background: | |
| linear-gradient(to left bottom, transparent 50%, rgba(0,0,0,.4) 0) 100% 0 no-repeat, | |
| linear-gradient(-135deg, transparent 23px, #58a 0); |
Calvetto
/ dabblet.css
Last active
November 28, 2015 11:06
— forked from csssecrets/dabblet.css
Salto de línea
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
| /** | |
| * Salto de línea | |
| */ | |
| dt, dd { | |
| display: inline; | |
| margin: 0; | |
| } | |
| dd { |
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
| /** | |
| * Offset | |
| */ | |
| div { | |
| background: url(http://csssecrets.io/images/code-pirate.svg) | |
| no-repeat bottom right #58a; | |
| background-position: right 20px bottom 10px; | |
| /* Styling */ |
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
| /** | |
| * Sprite | |
| */ | |
| body { | |
| background: #3598DB; | |
| } | |
| .icons { | |
| width: 50px; height: 50px; | |
| margin: 10px; |
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
| /** | |
| * Block Blocks Blocks: Display | |
| */ | |
| body { | |
| background: #EEE; | |
| } | |
| ul { | |
| display: inline-block; | |
| background: black; | |
| /* paso 3 font-size: 0;*/ |
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
| /** | |
| * Block Blocks Blocks: Floats | |
| */ | |
| .wrapper { | |
| background: black; | |
| color: white; | |
| overflow:hidden; | |
| width: 100%; | |
Calvetto
/ dabblet.css
Created
November 26, 2015 12:49
— forked from csssecrets/dabblet.css
Sticky footer with flexible height
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
| /** | |
| * Sticky footer with flexible height | |
| */ | |
| body { | |
| display: flex; | |
| flex-direction: column; | |
| min-height: 100vh; | |
| } |
NewerOlder