cedricici

/**
 * 3d Cube
 */
html{

}
#cube{
width:300px;
height:300px;
background:#aaa;

cedricici

/**
 * CSS3 counter hierarchie
 */
 
@import url(http://fonts.googleapis.com/css?family=Spicy+Rice);

div{
width:200px;
columns:200px 2;

cedricici

/**
 * 3D sandbox
 */
body{

}

div{

border:1px solid #000;

cedricici

/**
 * The first commented line is your dabblet’s title
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height:100%;

cedricici

/**
 * @counter-style
 */

ul,dl{
background:red;
}

li::marker{
color:blue;

cedricici

/**
 * CSS3 counter hierarchie
 */
 
/*@import url(http://fonts.googleapis.com/css?family=Spicy+Rice);*/

div{

}

cedricici

/**
 * Transition 
 */
body{
padding:0;
background:linear-gradient(-45deg, darkblue, aqua);
height:400px;
}

div p{

cedricici

/**
 * The first commented line is your dabblet’s title
 */

html{
background: linear-gradient(-45deg, darkblue, gray);
min-height:100%;
}

cedricici

/**
 * transitionned menu
 */

html{
background: linear-gradient(-45deg, white, gray);
min-height:100%;
font-family:sans;
font-size:.9em;
}

cedricici

/**
 * Transition 
 */
body{
padding:0;
background:linear-gradient(-45deg, darkblue, aqua);
height:400px;
}

p{