logo

India's First Software Developer Community

Animation in CSS3

Today we learn how to create animation with the help of "Transition" Property of CSS3

    Transition effect needs two things
    1) Property which is change in animation
    2) time of the animation

    For Example:
    transition:width 2s;


<html>
<head>
<title>Transition Effect| W3CodeIndia </title>
<style>
/* used to write css code */
div
{
    width:30px;
    height:30px;
    background:#FF0;
    transition:width 2s,height 2s,background 2s;
}
div:hover
{
    width:100px;
    height:100px;
    background:#0F0;
}
</style>
</head>
<body>
<center><h2>Transition Effect In CSS3 By W3CodeIndia.com</h2></center>
<center><div></div></center>
</body>
</html>




Subscribe Us :

Chapters :-


Advertisement