Skip to content

Instantly share code, notes, and snippets.

@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 March 19, 2012 18:02
Google Web Font Examples
/**
* Google Web Font Examples
*/
* {margin: 0; padding: 0; font-weight: normal;}
strong {
font-weight: 800;
}
@secondfret
secondfret / dabblet.css
Created April 23, 2012 16:40
Circle Image Gallery Step One /*
/* Circle Image Gallery Step One /*
@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;
}