CSS3 Transitions - To: CSS3 - Information and samples

Hello, CSS lover!

Code used in this page

/* Shorthand version */
#hello {
	display: inline-block;
	border: 1px dashed #000;
	padding: 10px;
	background: #ffffa2;
	height: 20px;
	opacity: 0.3;

	/* Firefox */
	-moz-transition: height 1s ease-out, opacity 1s ease;
	/* WebKit */
	-webkit-transition: height 1s ease-out, opacity 1s ease;
	/* Opera */
	-o-transition: height 1s ease-out, opacity 1s ease;
	/* Standard */
	transition: height 1s ease-out, opacity 1s ease;
}

#hello:hover {
	height: 40px;
	opacity: 1;
}