|
Menu
×
×
Correct!
Exercise:Add a 2 second animation for the <div> element, which changes the color from red to blue. Call the animation "example".
<style>
div {
width: 100px;
height: 100px;
background-color: red;
animation-name: @(7);
@(18): 2s;
}
@keyframes example {
from {@(16): red;}
to {@(16): blue;}
}
</style>
<body>
<div>This is a div</div>
</body>
<style>
div {
width: 100px;
height: 100px;
background-color: red;
animation-name: example;
animation-duration: 2s;
}
@keyframes example {
from {background-color: red;}
to {background-color: blue;}
}
</style>
<body>
<div>This is a div</div>
</body>
<style>
div {
width: 100px;
height: 100px;
background-color: red;
animation-name: example;
animation-duration: 2s;
}
@keyframes example {
from {background: red;}
to {background: blue;}
}
</style>
<body>
<div>This is a div</div>
</body>
Not CorrectClick here to try again. Correct!Next ❯ |
This will reset the score of ALL 138 exercises.
Are you sure you want to continue?