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 | |
*/ | |
div { | |
display: table; | |
font: 2em/1.5 georgia; | |
margin: 1em auto; | |
color: #666; | |
} |
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 | |
*/ | |
background: #f06; | |
background: linear-gradient(45deg, #f06, yellow); | |
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 | |
*/ | |
div { | |
font-size: 200%; | |
margin: 2em 0 0; | |
width: 2ch; | |
overflow: hidden; | |
} |
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 | |
*/ | |
div { | |
font-size: 200%; | |
margin: 2em 0 0; | |
width: 100vmax; | |
height: 100vmax; | |
background: green; |
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
/** | |
* Clearing floats | |
*/ | |
article { | |
margin: 4em 0 0; | |
} | |
div { | |
float: left; |
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
/** | |
* Bling button | |
*/ | |
button { | |
font-size: 2em; | |
border-radius: .3em; /* Kan je hier een ei van maken? */ | |
border: .1em solid; | |
background-image: linear-gradient(to right bottom, hotpink 0%, papayawhip 100%); /* http://www.css3factory.com/linear-gradients/ */ | |
box-shadow: ; /* Bijvoorbeeld 0 0 .3em rgba(0,0,0,.5) */ |
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
/** | |
* Meer bling met CSS | |
*/ | |
* { | |
box-sizing: border-box; | |
} | |
html { | |
background: grey; | |
min-height: 100%; | |
font-family: georgia, 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
/** | |
* Transities in een formulier, de oplossing | |
*/ | |
/* Animatie */ | |
body { | |
font: 120%/1.5 helvetica; | |
margin: 2em; | |
color: #666; | |
} |
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
/** | |
* Transities in een formulier, de values | |
*/ | |
body { | |
font: 120%/1.5 helvetica; | |
margin: 2em; | |
color: #666; | |
} | |
/* Formulier layout */ |
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
/** | |
* Transities in een formulier, de selectors | |
*/ | |
body { | |
font: 120%/1.5 helvetica; | |
margin: 2em; | |
color: #666; | |
} | |
/* Formulier layout */ |
OlderNewer