×
×
Correct!

Use CSS to "remove" the transparency of the image when the user mouse over the image.

<style> img { opacity: 0.4; } img:hover { opacity: 1.0; } </style> <body> <img src="klematis.jpg" width="150" height="113"> </body>
<style> img { opacity: 0.4; } img:hover { opacity: 1; } </style> <body> <img src="klematis.jpg" width="150" height="113"> </body>
<style> img { opacity: 0.4; } img:hover { opacity: 100%; } </style> <body> <img src="klematis.jpg" width="150" height="113"> </body>
<style> img { opacity: 0.4; } img:hover { opacity: initial; } </style> <body> <img src="klematis.jpg" width="150" height="113"> </body>

Not Correct

Click here to try again.

Correct!

<style>
img {
  opacity: 0.4;
}
img:hover {
  opacity: ;
}
</style>

<body>
  <img src="klematis.jpg" width="150" height="113">
</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.