CSS3 Transitions

Stijn van Cuijk 23rd of April 2012

div {
	width:70px;
	height:40px;
	background-color:#000000;
	color:#FFFFFF;
	-moz-transition: width 0.3s ease; /* Firefox 4 */
	-webkit-transition: width 0.3s ease; /* Safari and Chrome */
	-o-transition: width 0.3s ease; /* Opera */
	-ms-transition: width 0.3s ease; /* IE (not supported) */
	transition: width 0.3s ease;
}
div:hover
{
	width:120px;
	-moz-transition: width 0.3s ease; /* Firefox 4 */
	-webkit-transition: width 0.3s ease; /* Safari and Chrome */
	-o-transition: width 0.3s ease; /* Opera */
	-ms-transition: width 0.3s ease; /* IE (not supported) */
	transition: width 0.3s ease;
}
184
Views
0
Comments
3
Downloads
Comments
Only Code Pad members can post comments!

Want to join Code Pad Request An Invite
    No Comments Posted

Suppo - Create, Customize & Host
Your App Support Page at Suppo

Snippet Details

Keyboard Shortcuts

DDownload

TTweet

FFull View

Next Snippet

Previous Snippet