animations

W3.CSS Animations

W3.CSS includes pre-defined animations like fading, zooming, and rotating. Use the w3-animate classes for simple animation effects.

Basic Animation

<div class="w3-container">
  <div class="w3-animate-fading w3-light-grey w3-padding" style="width:200px;">
    Fading Animation
  </div>
</div>

<div class="w3-container">
  <div class="w3-animate-zoom w3-blue w3-padding" style="width:200px;">
    Zoom Animation
  </div>
</div>

<div class="w3-container">
  <div class="w3-animate-rotation w3-green w3-padding" style="width:200px;">
    Rotate Animation
  </div>
</div>