robhrt7

/* Prefix free ff bug */

div {
width: 50px;
height: 50px;
margin-bottom: 10px;
background: red;
color: black;
}
div:hover {background-color: blue; width: 100px; color: yellow;}

robhrt7

/**
 * FF diuble transition prop test
 */

div {
 opacity: 1;
 visibility: visible;
 width: 200px;
 height: 200px;
 padding: 10px;

robhrt7

/**
 * backgound-image transition test
 * transition delay form backgound-image works normaly only in Chrome
 */ 

div {
 width: 200px;
 height: 200px;
 background-color: red;
 background-image: url(http://dl.dropbox.com/u/6594451/zoom.png);

robhrt7

/**
 * Transition revers, without bigger delay
 */

div {
 width: 100px;
 height: 100px;
 background: red;
 transition-delay: 3s;
}

robhrt7

/**
 * Spinning face
 */
 
 body {
  background: red;
 } 

@keyframes spinning { 
 from {

robhrt7

/**
 * Text rendering blinking fix for Mac Chrome (be carefull, use fix only for chrome on mac, it can break pages in safari)
 */

body {
 -webkit-backface-visibility: hidden;
}

div {
 width: 100px;

robhrt7

/**
 * Background transition test
 */

div {
width: 100px;
height: 100px;
transition: background 1s;
}

robhrt7

/**
 * The first commented line is your dabblet’s title
 */
 
::-webkit-scrollbar {
	width: 20px;
	height: 20px;
}

section.page:not(.focus):not(:hover)::-webkit-scrollbar {

robhrt7

/* CSS States */
body {
	background: url(http://dabblet.com/img/noise.png);
	background-color: #F5F2F0;
	font-family: Georgia, serif;
	font-size: 18px;
	line-height: 1.6em;
	text-shadow: 0 2px 0 white;
	color: #222;
}

robhrt7

We couldn’t find that file to show.