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
/** | |
* Space invaders - all species | |
*/ | |
body { | |
font-size: 4px; | |
} | |
.row { | |
overflow: hidden; | |
} | |
.invader { |
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
/** | |
* 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 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
/** | |
* canvas | |
**/ | |
background-color: #dedede; | |
background-image: | |
linear-gradient(45deg, transparent 40%, #dedede 40%, #dedede 50%, transparent 50%, transparent 90%, #dedede 90%), | |
linear-gradient(-45deg, transparent 40%, rgba(0,0,0,.1) 40%, rgba(0,0,0,.1) 50%, transparent 50%, transparent 90%, rgba(0,0,0,.1) 90%), | |
linear-gradient(-45deg, transparent 30%, rgba(255,255,255,.2) 30%, rgba(255,255,255,.2) 40%, transparent 40%, transparent 80%, rgba(255,255,255,.2) 80%, rgba(255,255,255,.2) 90%, transparent 90%); | |
background-size: 10em 10em; | |
font-size:1px; |
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
/** | |
* snow flake | |
*/ | |
background: | |
linear-gradient(90deg, transparent 43%, rgba(255,255,255,.3) 43%, rgba(255,255,255,.3) 57%, transparent 57%) 0 5em, | |
radial-gradient(circle, transparent 40%, red 40%, red 96%, transparent 96%) -50em -45em, | |
linear-gradient(0, transparent 40%, #fff 40%, #fff 60%, transparent 60%) 25em 25em, | |
linear-gradient(90deg, transparent 40%, #fff 40%, #fff 60%, transparent 60%) 25em 30em, | |
linear-gradient(45deg, transparent 42%, #fff 42%, #fff 58%, transparent 58%) 26em 30em, |
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
/** | |
* cute skull | |
**/ | |
background: radial-gradient(circle, #F4DE37 2%, transparent 2%) -45em 15em, | |
radial-gradient(circle, #F4DE37 2%, transparent 2%) -35em 15em, | |
radial-gradient(circle, #F4DE37 10%, transparent 10%) -60em -5em, | |
radial-gradient(circle, #F4DE37 8%, transparent 8%) -20em -5em, | |
radial-gradient(circle, #F46837 40%, transparent 40%) -40em -30em, | |
radial-gradient(circle, #F46837 20%, transparent 20%) -40em 10em, |