CSS solution for animation. Animation start javascript event from native IntersectionObserver function. Use these available classes to different animation with javascript selector 'jq_intersection':
- Fade in:
.a-animate-fade - Slide from right side:
.a-animate-right - Slide from left side:
.a-animate-left - Slide from bottom:
.a-animate-bottom - Slide from top side:
.a-animate-top - Slide from both sides:
.a-animate-side - To delay start animation for multiple elements in row, where n can number represent tenth of second:
.a-animate-delay-(n)