Interactive

CSS triggers

Transform – doc2

 Transition

 property name | duration | timing function | delay 

• transition-delay: 0s
• transition-duration: 0s
• transition-property: all
• transition-timing-function: ease

Animation

• Keyframes – define the stages and styles of the animation.
• Animation Properties – assign the @keyframes to a specific CSS element and define how it is animated.

• animation-name: none
• animation-duration: 0s
• animation-timing-function: ease
• animation-delay: 0s
• animation-iteration-count: 1
• animation-direction: normal
• animation-fill-mode: none
• animation-play-state: running

 

 

Статьи

Using CSS Animation

Animation vs Transition

Animation

Transform

 

https://michalsnik.github.io/aos/

http://jackonthe.net/css3animateit/

https://scrollrevealjs.org/

http://mynameismatthieu.com/WOW/docs.html

https://www.sitepoint.com/scroll-based-animations-jquery-css3/

https://daneden.github.io/animate.css/