clanceyp

button {
	display:block;
}
@keyframes spin {
  0%   {
    transform: rotateX(0deg) rotateY(0deg)  scale3d(1,1,1);
  }
  100% {
    transform: rotateX(180deg) rotateY(180deg) scale3d(0.3,0.3,0.3);
  }

clanceyp

@keyframes spin {
  0%   {
    transform: rotateX(0deg) rotateY(0deg)  scale3d(1,1,1);
  }
  100% {
    transform: rotateX(180deg) rotateY(180deg) scale3d(0.3,0.3,0.3);
  }
}
body {
	background-color:lightgrey;

clanceyp

@keyframes go {
  0%   {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1,1,1);
  }
  100% {
    transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg) scale3d(1,1,1);
  }
}

@keyframes spin {

clanceyp

@keyframes spinningH {
  from {
    transform: rotateX(0deg) rotateY(0deg);
  }
  to{
    transform: rotateX(360deg) rotateY(360deg);
  }
}
body {
	background-color:lightgrey;

clanceyp

summary {
    cursor:pointer;
}
summary:focus {
    outline:none;
}
summary::-webkit-details-marker {
  color: green; 
  font-size: 80%;
}

clanceyp

/**
 * Cursor test
 */
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);
body {
	background: #888 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAV4AAAEDCAMAAABK5ZwBAAAAb1BMVEVlZWVnZ2dmZmZhYWFjY2NkZGRiYmJpaWlra2tqampoaGhgYGBsbGxeXl5fX19tbW1dXV1ubm5cXFxvb29wcHBbW1txcXFaWlpZWVlzc3NycnJ0dHRYWFh1dXVXV1d2dnZWVlZ3d3dVVVV7e3tSUlK+JwqBAAC4lUlEQVR4XjX9h3Ykya60iQJwLUJlkuze+5x/5qr3f8a7Pos11aqaRWZmuEMaDIB9Y263ci7L2czcUioRR7KU7Kj1LmudKxVLJZWZLeWS0/qsxdfPvHL63/M4lx1RPOxYaaV8/F+1Xlfz5+dnf5//73+/f3O3Eq0U8zS61ZzXef7edeX1753T/clzurea0mmprlxPS7+WjmyzeQmLasnXvT7rXFZXvVPNHz6Tp9r2DLO0stWwlIbHWer0Gpb5Bs+zpHPlVMtR11mPVaq71bXWSuc615lrteLpTjHbPHPOpUWZyVrb+4m//1xt9KvN8fiz57Uv/+62e2t9+pVn68najPYz5nzyWa9iM63Ipx05p2xppZVT+l15LbOc1ypW8plyrfmseZklSyXXVHKKlHKqi+fLVupaqdpxpHymeuaapp21WA+3lWZYKqVEqaWWkj1nn6WmVC1yLalaXrGyc12l5dZnXhFWc1013auWz1HW4eZlWp4+Z+vRvfr0a8wxwjys9+JuEbPlPErEyiXVaWvOKBG2Imo059Nky3eUmlM9z5XyDM95pRq1nMdK55HLuo9VLeWcUpRitg7LuXIOVmrKYZZLSbPvPWq7pvXvKLubj7iszdH+rmj7itaGNY85uVyOylY96nmklMuZ0rGO3/M8zrxWzTmve/F50v

clanceyp

/**
 * glossy panels 
 */

body {
    background-color:#cecece;
}
div {
   background: rgba(0,0,0,0.5);
   border: 1px solid rgba(0,0,0,0.5);

clanceyp

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

body {
    background-color:#cecece;
    background-image:url(http://subtlepatterns.com/patterns/textured_paper.png);
}
div {
   background: rgba(0,0,0,0.5);

clanceyp

body {
	background-color:#f99;
}
#divAnt {
	background-color:#fff;
	height:10px;
	left:20px;
	positon:absolute;
	top:20px;
	width:10px;