• ADS

 • CSS

 • EXCEL

 • IMAGE-SERVER

 • SCRIPTS

 • SEO

 • WEB-PAGE-LANGUAGES

 • WEB-SERVER

 • WEBSITE-MONITORING-AND-BACKUP

W3.CSS Animations

Animation Classes

W3.CSS provides the following classes for animations:

• w3-animate-top: Slides in an element from the top (-300px to 0). View example (60)
• w3-animate-bottom: Slides in an element from the bottom (-300px to 0). View example (61)
• w3-animate-left: Slides in an element from the left (-300px to 0). View example (62)
• w3-animate-right: Slides in an element from the right (-300px to 0).
• w3-animate-opacity: Animates an element's opacity from 0 to 1 in 0.8 seconds. View example (63)
• w3-animate-zoom: Animates an element from 0 to 100% in size. View example (64)
• w3-animate-fading: Animates an element's opacity from 0 to 1 and 1 to 0 (fades in + fade out) at every 10 seconds (continuously). View example (66)
• w3-spin: Spins an element 360 degrees. View example (65)