afraser

/*Sexy paper shadow*/
.post {
   position:relative;
   
   width: 500px;
   height: 400px;
   background-color: #ECEAe2;
   padding: 30px;
   width: 500px;
   height: 100px;

afraser

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

body{
	background: #f06;
	background: linear-gradient(0deg, #f06, yellow);
	min-height:100%;
}
/*Note that the styles here are using 

afraser

/* Fold/Unfold animation
Now with gradients and expanding container!
*/
body { margin-top: 200px; }

@keyframes topfold {
  0%  {
    transform: rotateX(0deg);
  }
  50%  {

afraser

/* Fold/Unfold animation*/
body {margin-top: 200px;}

@-webkit-keyframes topfold {
   0%  {
   	transform: rotateX(0deg);
        background-color: #FFF;
	}
   50%  {
   	transform: rotateX(-90deg);

afraser

/* Fold/Unfold animation*/
body {margin-top: 200px;}

@keyframes topfold {
  0%  {
    transform: rotateX(0deg);
    background-color: #FFF;
  }
  50%  {
    transform: rotateX(-90deg);

afraser

/**
 * The first commented line is your dabblet’s title
 */
h1 {
	background-color: #CCC;
	width: 200px;
}

div.wrap {
	text-align: center;

afraser

/**
 * The first commented line is your dabblet’s title
 */
h1 {
	background-color: #CCC;
	width: 200px;
}

div.wrap {
	text-align: center;