Skip to content

Instantly share code, notes, and snippets.

@zincplusplus
zincplusplus / dabblet.css
Created June 24, 2012 15:20
Space invaders - all species
/**
* Space invaders - all species
*/
body {
font-size: 4px;
}
.row {
overflow: hidden;
}
.invader {
@zincplusplus
zincplusplus / dabblet.css
Created June 18, 2012 11:55
Animated png - by eCSSpert.com
/**
* 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; }
@zincplusplus
zincplusplus / dabblet.css
Created December 19, 2011 14:06 — forked from anonymous/dabblet.css
canvas
/**
* 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;
@zincplusplus
zincplusplus / dabblet.css
Created December 19, 2011 10:31 — forked from anonymous/dabblet.css
snow flake
/**
* 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,
@zincplusplus
zincplusplus / dabblet.css
Created December 19, 2011 10:31 — forked from anonymous/dabblet.css
cute skull
/**
* 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,