CSS code for transition

on

 <!DOCTYPE html>

<html>

    <head>

        <title>Page Title</title>

        <style>

            div{

    width:50px;

    height:20px;

    background:green;

    transition:width 3s;

    transition-timing-function: cubic-bezier(0,1,1,0);

    border-radius:20px;

}

div:hover{

    width:400px;

}

        </style>

    </head>

    <body>

        <div></div>

    </body>

</html>


OUTPUT




Comments

Post a Comment