drublic

/**
 * Testing CSS3 Filters
 */

img {
	-webkit-transition: all .5s ease;
	-webkit-filter: blur(0);

}
img:hover {

drublic

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

img {
	-webkit-transition: all .5s ease;
	-webkit-filter: blur(0);
	-webkit-transform: translate3d(0,0,0);

}

drublic

/**
 * Previewer test
 */

background: #f06;
background: linear-gradient(left bottom, 
	    hsla(340, 100%, 50%,.7), yellow);
min-width: 100px;
width: 2in;
transition-duration: 6s;

drublic

/* Testing Opera's input[type="color"] */
input[type='color'] {
	display: block;
	width: 200px;
	height: 200px;
	background: orange;
	border-radius: 50%;
}

drublic

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

p {
	background: attr(data-color);
}

drublic

/**
 * Testing Nicolas Gallagher's method for responsive images
 */

p {
	content: attr(data-title);
}

drublic

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

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

drublic

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

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

drublic

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

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

drublic

{"view":"split","prefixfree":"1","page":"css"}