×
×
Correct!

Specify that the transition of the <div> element should have a "ease-in-out" speed curve.

<style> div { width: 100px; height: 100px; background: red; transition: width 2s; transition-timing-function: ease-in-out; } div:hover { width: 300px; } </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: width 2s;
  : ;
}

div:hover {
  width: 300px;
}
</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.