Skip to content

Instantly share code, notes, and snippets.

@secondfret
secondfret / dabblet.css
Created February 6, 2012 18:31
Design Shack Pricing Table Example
/**
* Design Shack Pricing Table Example
*/
* {margin: 0; padding: 0;}
body {background: #ededed;}
#container {
width: 780px;
@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;
@secondfret
secondfret / dabblet.css
Created March 13, 2012 17:31
Design Shack Respnsive Menu
/**
* Design Shack Respnsive Menu
*/
* {
padding: 0;
margin: 0;
-webkit-box-sizing: border-box;
@secondfret
secondfret / dabblet.css
Created December 29, 2011 18:03
Design Shack CSS Mouse In/Out Example 1
/**
* Design Shack CSS Mouse In/Out Example 1
*/
#loremdiv {
margin: 100px;
height: 200px; width: 200px;
background: black;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
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;
}