Computer scienceFrontendCSSAnimation

Transitions

Theory

Fix The Mistakes

Report a typo

Sarah is building her website and has started by adding some images in the navigation.
She added some transition effects to the images but there are some mistakes in her code.
She wants the effects to happen when the user hovers the mouse over the icons. Can you help her?

Write HTML and CSS code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Navigation</title>
</head>
<body>
<nav>
<img src="https://ucarecdn.com/51dbca43-8d86-404c-83af-d4e2a197ac07/" />
<img src="https://ucarecdn.com/b5644651-3ee8-4365-8ca8-31368f17d922/" />
<img src="https://ucarecdn.com/24a6f05c-5c77-4e09-b488-c6746c6a2305/" />
<img src="https://ucarecdn.com/9717e0ac-d87c-4589-8696-62b85920e3d5/" />
</nav>
</body>
</html>
Completed 0 of 5
The code is correct.
Mistake 1 - The first text should represent the property
___

Create a free account to access the full topic