css transition

by peterbenoit

HTML

<div>hover for effect</div>

CSS

div
{
    width:100px;
    height:100px;
    background:red;
    transition:width 2s;
    -moz-transition:width 2s;
    -webkit-transition:width 2s;
    o-transition:width 2s;
}

div:hover
{
    width:300px;
}