CSS3 is new and introduced awesome features like transform, transition etc., Some of these effects you can only see when you roll over the mouse in that.
In order to create css3 transition effect, give it in hover effect, it works perfectly.
To create a transition effect, you must specify two things:
the CSS property you want to add an effect to
the duration of the effect.
You need to transform the element beform transition.
.buttonstyle22 {
width: 100px;
height: 30px;
background: blue;
transition: background 2s;
}
Here i applied transition to background, you can apply it to total element also.
Bookmarks