On Scroll Animations

Author: kkartunov

docs/contentful/animations.md

@@ -0,0 +1,12 @@
+# Animations On Scroll
+Animationg Contentful components on scroll is implemetented currently for following components:
+- Viewport
+- Image
+- ContentBlock
+
+Definig a scroll animation is easy via the Web UI. Search for the "Animation On Scroll" field and either select existing animation or create new one.
+![](./pics/anim1.png)
+
+## Animation Model
+To define a default animation only `Name` and `Animate On Scroll` fields are required. There is help hint bellow each fields what is does and how to use it. For further detailed examples see: https://michalsnik.github.io/aos/. All available properties are supported from Contentful animatable components as well.
+![](./pics/anim2.png)

docs/contentful/index.md

@@ -33,5 +33,6 @@ Instructions are also provided below for developments that want to modify/create
     - [Custom inline components in Markdown fields](./custom-inline-components-in-markdown-fields.md)
     - [Miscellaneous CSS Solutions](./miscellaneous-CSS-solutions.md)
     - [Duplicate tool](https://github.com/topcoder-platform/contentful-duplicate-tool/blob/master/docs/contentful-duplicate.md)
+    - [Animate Components On Scroll](./animations.md)
 
 To request additional content types or adjustments to existing content models, please send  you request to [email protected].