Skip to content

Instantly share code, notes, and snippets.

**
* multipages
*/
*{margin:0;padding:0;}
body{
overflow:hidden;
font:.5cm sans-serif;
perspective:500px;
}
@cedricici
cedricici / dabblet.css
Created March 27, 2012 16:33
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
header{
width:800px;
height:300px;
border:5px dotted limegreen;
perspective:500px;
/**
* iso_cube
*/
body{
background:orangered;
}
#cube {
position: absolute;
top: 90px;
@cedricici
cedricici / dabblet.css
Created March 24, 2012 20:17
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
div{
font-size:4em;
animation:move 4s 2 .5s;
border:1px solid #000;
}
@cedricici
cedricici / dabblet.css
Created March 24, 2012 20:10
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
ul{
margin:100px;
}
ul li {
display:block;
text-align:right;
@cedricici
cedricici / dabblet.css
Created March 24, 2012 15:12
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
ul{
margin:100px;
}
ul li {
display:block;
text-align:right;
@cedricici
cedricici / dabblet.css
Created March 21, 2012 15:00 — forked from iamvdo/dabblet.css
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
input{
transition:all .5s ease;
}
option:checked{
color:blue;
}
select{font:1em serif;border:1px solid red;background:red;outline:2px solid green;}
@cedricici
cedricici / dabblet.css
Created March 20, 2012 15:56
hover+target menu
/**
* hover+target menu
*/
*{
margin:0;padding:0;
list-style-type:none;
text-decoration:none;
}
@cedricici
cedricici / dabblet.css
Created March 18, 2012 18:22
hover+target menu
/**
* hover+target menu
*/
*{
margin:0;padding:0;
list-style-type:none;
text-decoration:none;
}
@cedricici
cedricici / dabblet.css
Created March 15, 2012 21:25 — forked from iamvdo/dabblet.css
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
h3{
display:run-in;
padding-right:15px;
}