Syntax error Set the name of the CSS property the transition effect is for

Set the name of the CSS property the transition effect is for

To set the name of the CSS property the transition effect is, use the CSS transition-property.

In the below example, we have set the property as width and set the duration as well:

Example

Live Demo

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            width: 150px;
            height: 150px;
            background: blue;
            transition-property: width;
            transition-duration: 3s;
         }
         div:hover {
            width: 250px;
         }
      </style>
   </head>
   <body>
      <h1>Heading One</h1>
      <p>Hover over the below box to change its width.</p>
      <div></div>
   </body>
</html>
Updated on: 2020-06-24T05:36:01+05:30

109 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements