Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@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;
@secondfret
secondfret / dabblet.css
Created December 29, 2011 18:20
Design Shack CSS Mouse In/Out Example 2
/**
* Design Shack CSS Mouse In/Out Example 2
*/
#loremdiv {
margin: 100px;
height: 200px; width: 200px;
background: black;
}
@secondfret
secondfret / dabblet.css
Created December 29, 2011 18:34
Design Shack CSS Mouse In/Out Example 3
/**
* Design Shack CSS Mouse In/Out Example 3
*/
#loremdiv {
margin: 100px;
height: 200px; width: 200px;
background: black;
-webkit-transition: all 0.3s ease;
@secondfret
secondfret / dabblet.css
Created December 29, 2011 18:45
Design Shack CSS Mouse In/Out Example 4
/**
* Design Shack CSS Mouse In/Out Example 4
*/
#loremdiv {
margin: 100px;
height: 200px; width: 200px;
background: black;
-webkit-transition: -webkit-border-radius 0.5s ease-in;
@secondfret
secondfret / dabblet.css
Created January 15, 2012 19:13
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
.test {
font-size: 2px;
height: 400px;
width: 400px;
background: gray;
margin: 50px;
@secondfret
secondfret / dabblet.css
Created January 16, 2012 14:55
Conquering Borders: The Bane of Responsive Layouts
/**
* Conquering Borders: The Bane of Responsive Layouts
*/
.test {
height: auto;
width: 25%;
background: gray;
float: left;
overflow: hidden;
@secondfret
secondfret / dabblet.css
Created January 17, 2012 15:06
Conquering Borders: The Bane of Responsive Layouts
/**
* Conquering Borders: The Bane of Responsive Layouts
*/
#container {
width: 90%;
margin: 20px auto;
}
.column {
@secondfret
secondfret / dabblet.css
Created January 17, 2012 16:39
Conquering Borders: The Bane of Responsive Layouts
/**
* Conquering Borders: The Bane of Responsive Layouts
*/
#container {
width: 90%;
margin: 20px auto;
}
.column {
@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 March 13, 2012 17:31
Design Shack Respnsive Menu
/**
* Design Shack Respnsive Menu
*/
* {
padding: 0;
margin: 0;
-webkit-box-sizing: border-box;