Exercise v3.0

×

×

Correct!

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: 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 Correct

Click here to try again.

Correct!

<style>
div {
  width: 100px;
  height: 100px;
  background-color: red;
  animation-name: w3exercise_input_no_0
;
  w3exercise_input_no_1
: 2s;
}

@keyframes example {
  from {w3exercise_input_no_2
: red;}
  to {w3exercise_input_no_3
: blue;}
}
</style>

<body>
  <div>This is a div</div>
</body>