Skip to content

Instantly share code, notes, and snippets.

/**
* Gears [CSS] - Based on: http://dribbble.com/shots/722797-Gears-CSS?list=following
*/
html {
background:#fff;
min-height: 100%;
height:100%;
overflow:hidden;
}
@louisbullock
louisbullock / dabblet.css
Created September 10, 2012 07:10
Gears [CSS]
/**
* Gears [CSS]
*/
html {
background:#eee;
min-height: 100%;
height:100%;
overflow:hidden;
}
@louisbullock
louisbullock / dabblet.css
Created September 10, 2012 06:46
Gears [CSS]
/**
* Gears [CSS]
*/
html {
background:#eee;
min-height: 100%;
height:100%;
overflow:hidden;
@louisbullock
louisbullock / dabblet.css
Created September 10, 2012 06:26
Gears [CSS]
/**
* Gears [CSS]
*/
html {
background: #333;
background:
radial-gradient(#333,#222);
min-height: 100%;
@louisbullock
louisbullock / dabblet.css
Created September 8, 2012 07:14
Neon [CSS]
/**
* Neon [CSS]
*/
html {
background: #333;
background:
radial-gradient(#333,#222);
min-height: 100%;
@louisbullock
louisbullock / dabblet.css
Created September 5, 2012 06:02
Browser [CSS]
/**
* Browser [CSS]
*/
html {
background: #f06;
background:
url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAE0lEQVQIW2NkYGDwAeItjEACDAALXQED1wRykAAAAABJRU5ErkJggg=='),
linear-gradient(45deg,#43546C,#636678,#8E7F86,#B3908E, #C29D9C,#DFC7A5);
min-height: 100%;
}
html {
background:linear-gradient(#aaa,#eee);
background-repeat:no-repeat;
background-size:cover;
min-height:100%;
}
.busy {
display: block;
html {
background:linear-gradient(#aaa,#eee);
background-repeat:no-repeat;
background-size:cover;
min-height:100%;
}
.busy {
background: transparent;
html {
background:linear-gradient(#aaa,#eee);
background-repeat:no-repeat;
background-size:cover;
min-height:100%;
}
.bounce {
background: #272f35;
display:block;
@louisbullock
louisbullock / dabblet.css
Created August 14, 2012 01:53
Switches [CSS]
/**
* Switches [CSS]
*/
html, body {
min-height: 100%;
overflow: hidden;
height: 100%;
}