Animations

This lesson discusses the animation property in CSS and how it can be used to create animations on a web page.

Animation

The animation property is used to create animations for an element. The animation property can be set to a specific duration, timing function, delay, and iteration count to create different animation effects.

Item 1
<div class="container">
  <div class="item">Item 1</div>
</div>

The code above shows an example of the animation property. In this example, the <div> element is rotated 360 degrees over a duration of 2 seconds, creating a spinning animation.

Code Editor