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;