×
×
Correct!

Using the transition shorthand property, specify width changes for the <div> element should have: "2" second duration, "ease-in-out" speed curve, and a "0.5" second delay before starting.

<style> div { width: 100px; height: 100px; background: red; transition: width 2s ease-in-out 0.5s; } div:hover { width: 400px; } </style> <body> <div>This is a div</div> </body>

Not Correct

Click here to try again.

Correct!

<style>
div {
  width: 100px;
  height: 100px;
  background: red;
  transition: ;
}

div:hover {
  width: 400px;
}
</style>

<body>
  <div>This is a div</div>
</body>

  
  
  




×

Reset the Score?

This will reset the score of ALL 138 exercises.

Are you sure you want to continue?



×

Congratulations!

You have finished all 138 CSS exercises.

Share your score:



Get Certified!

Take our CSS Developer Certificate to prove that you have fundamental knowledge of web development using CSS.