×
×
Correct!

Add a 2 second transition effect for background, and transform changes of the <div> element.

<style> div { width: 100px; height: 100px; background: red; transition: background 2s, transform 2s; } div:hover { background: blue; transform: rotate(180deg); } </style> <body> <div>This is a div</div> </body>
<style> div { width: 100px; height: 100px; background: red; transition: transform 2s, background 2s; } div:hover { background: blue; transform: rotate(180deg); } </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 {
  background: blue;
  transform: rotate(180deg);
}
</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.