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
/** | |
* Space invadors - all species | |
*/ | |
body { | |
font-size: 4px; | |
} | |
.row { | |
overflow: hidden; | |
} | |
.invader { |
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
/** | |
* Space invaders - all species | |
*/ | |
body { | |
font-size: 4px; | |
} | |
.row { | |
overflow: hidden; | |
} | |
.invader { |
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
/** | |
* Animated png - by eCSSpert.com | |
*/ | |
@keyframes loading-spinner { | |
0%, 8.32% { background-position: -0px -0px; } | |
8.33%, 16.65% { background-position: -15px -0px; } | |
16.66%, 24.99% { background-position: -30px -0px; } | |
25%, 33.32% { background-position: -45px -0px; } | |
33.33%, 41.65% { background-position: -60px -0px; } | |
41.66%, 49.99% { background-position: -75px -0px; } |
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
/** | |
* :target - website | |
*/ | |
/** | |
* Defaults | |
*/ | |
nav .home { | |
font-weight: bold; | |
} |
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
/** | |
* blink 182 | |
*/ | |
@-webkit-keyframes blink { 0%, 49.99% { color:red } 50%, 100% { color: blue } } | |
@-moz-keyframes blink { 0%, 49.99% { color:red } 50%, 100% { color: blue } } | |
@keyframes blink { 0%, 49.99% { color:red } 50%, 100% { color: blue } } | |
div { | |
-webkit-animation:blink 2s/*this is the time*/ linear 0s infinite normal; | |
-moz-animation:blink 2s/*this is the time*/ linear 0s infinite normal; | |
animation:blink 2s/*this is the time*/ linear 0s infinite normal; |
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
/** | |
* :target - flags | |
*/ | |
#red:target .flag { | |
display: none; | |
} | |
#red:target li.red { | |
display: block; | |
} | |
#red:target a.red { |
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
/** | |
* Thumbnail colorless | |
*/ | |
.thumbnail-colorless { | |
border-radius: 5px; | |
background-color: #373839; | |
box-shadow: 0 1px 5px 1px rgba(0,0,0,.332), | |
inset 0 0 0 1px rgba(255,255,255,.12); | |
border: 1px solid rgba(0,0,0,.65); | |
background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.09) 100%); |
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
/** | |
* :target - change themes | |
*/ | |
body { | |
background: #f2f2f2; | |
color: #131313; | |
} | |
#dark:target { | |
background: #272822; |
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
/** | |
* Filter demos | |
*/ | |
.menu { | |
background: #131313; | |
text-align: center; | |
} | |
.menu a { |
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
/** | |
* delete me | |
*/ | |
button { | |
color: red; | |
} |