CSS Transitions and Transforms

Full Stack Web Development Courses with Real-time projects Start Now!!

Program 1

<html>
    <head>
        <style>
            div{
                width:200px;
                height:200px;
                background-color: red;
                transition:width 2s,height 2s,transform 2s;
            }
            div:hover{
                width:500px;
                height:500px;
                transform:rotate(150deg);
            }
        </style>
    </head>
    <body>
        <div>
            Some text
        </div>
    </body>
</html>

 

Your opinion matters
Please write your valuable feedback about DataFlair on Google

courses
Image

DataFlair Team

DataFlair Team provides high-impact content on programming, Java, Python, C++, DSA, AI, ML, data Science, Android, Flutter, MERN, Web Development, and technology. We make complex concepts easy to grasp, helping learners of all levels succeed in their tech careers.

Leave a Reply

Your email address will not be published. Required fields are marked *