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 Filters! | |
*/ | |
img{ | |
margin:5px; | |
} | |
img:nth-of-type(1){ |
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
/** | |
* CSS Filters! | |
*/ | |
figure:nth-of-type(1) img{ | |
-webkit-filter:grayscale(1); | |
-webkit-transition:-webkit-filter 1s ease-in-out; | |
} | |
figure:nth-of-type(1) img:hover{ |
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
/** | |
* Animate and Transition | |
*/ | |
@-webkit-keyframes move{ | |
0%{height:200px;width:200px;} | |
50%{height:300px;width:300px;} | |
} | |
div{ |
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
/** | |
* Transitioning & Animation The Same Property - You can't! | |
*/ | |
*{transition:all 1s ease;} | |
@keyframes move{ | |
0%{height:200px;width:200px;} | |
50%{height:300px;width:300px;} | |
} | |
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
/** | |
* FUN WITH RADIO BUTTONS | |
*/ | |
body{ | |
margin-top:100px; | |
} | |
input[type="text"]{ | |
display:inline-block; | |
height:30px; |
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
/** | |
* FUN WITH RADIO BUTTONS v3 | |
*/ | |
body{ | |
margin-top:100px; | |
} | |
h3{ | |
font-family:sans-serif; | |
color:#007ac9; |
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
/** | |
* FUN WITH RADIO BUTTONS v2 | |
*/ | |
body{ | |
margin-top:100px; | |
} | |
input[type="text"]{ | |
display:inline-block; | |
height:30px; |
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
/** |
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
/** | |
* BUTTONS | |
*/ | |
.dashButton{ | |
display:inline-block; | |
height:55px; | |
width:210px; | |
text-align:center; | |
background: linear-gradient(top, #64e0d8 0%,#03b3a9 42%,#03b3a9 100%); |
OlderNewer