Skip to content

Instantly share code, notes, and snippets.

@zincplusplus
zincplusplus / dabblet.css
Created June 26, 2012 20:39
Space invadors - all species
/**
* Space invadors - all species
*/
body {
font-size: 4px;
}
.row {
overflow: hidden;
}
.invader {
@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 June 17, 2012 11:07
:target - website
/**
* :target - website
*/
/**
* Defaults
*/
nav .home {
font-weight: bold;
}
/**
* 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;
@zincplusplus
zincplusplus / dabblet.css
Created June 8, 2012 19:44
:target - flags
/**
* :target - flags
*/
#red:target .flag {
display: none;
}
#red:target li.red {
display: block;
}
#red:target a.red {
@zincplusplus
zincplusplus / dabblet.css
Created June 8, 2012 11:46
Thumbnail colorless
/**
* 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%);
@zincplusplus
zincplusplus / dabblet.css
Created June 8, 2012 11:44
:target - change themes
/**
* :target - change themes
*/
body {
background: #f2f2f2;
color: #131313;
}
#dark:target {
background: #272822;
/**
* Filter demos
*/
.menu {
background: #131313;
text-align: center;
}
.menu a {
@zincplusplus
zincplusplus / dabblet.css
Created January 26, 2012 14:09
delete me
/**
* delete me
*/
button {
color: red;
}