Skip to content

Instantly share code, notes, and snippets.

@secondfret
secondfret / dabblet.css
Created June 14, 2012 16:05
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
* {
margin: 0; padding: 0;
}
body {
background: #ededed;
div {
height: 200px;
background: #eee;
position: realtive;
}
p {
position: absolute;
left: 10%;
img {
margin: 50px;
-webkit-transition: margin 2s ease;
}
img:hover {
margin: 85px;
-webkit-transition: margin 2s ease;
@secondfret
secondfret / dabblet.css
Created April 23, 2012 17:41
Animated Circle Gallery: Step Six
/**
* Animated Circle Gallery: Step Six */
* {margin: 0; padding: 0;}
body {
background: #222;
}
/*GALLERY*/
@secondfret
secondfret / dabblet.css
Created April 23, 2012 17:20
Animated Circle Gallery: Step Five
/**
* Animated Circle Gallery: Step Five */
* {margin: 0; padding: 0;}
body {
background: #222;
}
/*GALLERY*/
@secondfret
secondfret / dabblet.css
Created April 23, 2012 17:10
Animated Circle Gallery: Step Four
/**
* Animated Circle Gallery: Step Four */
* {margin: 0; padding: 0;}
body {
background: #222;
}
/*GALLERY*/
@secondfret
secondfret / dabblet.css
Created April 23, 2012 16:56
Animated Circle Gallery: Step Three
/**
* Animated Circle Gallery: Step Three
*/
* {margin: 0; padding: 0;}
body {
background: #222;
}
@secondfret
secondfret / dabblet.css
Created April 23, 2012 16:46
Animated Circle Gallery: Step Two
/**
* Animated Circle Gallery: Step Two
*/
* {margin: 0; padding: 0;}
body {
background: #222;
}
@secondfret
secondfret / dabblet.css
Created April 23, 2012 16:43
Circle Image Gallery Step One /*
/* Circle Image Gallery Step One /*
body {
background: #222;
}
.gallery {
width: 1000px;
margin: 50px auto;
}
@secondfret
secondfret / dabblet.css
Created April 23, 2012 16:43
Circle Image Gallery Step One /*
/* Circle Image Gallery Step One /*
body {
background: #222;
}
.gallery {
width: 1000px;
margin: 50px auto;
}