Easy way to use ScrollMagic
[bb_vcuc dots=”yes” slidestoshow=”1″ responsive=”%5B%7B%22destroys%22%3A%22no%22%2C%22dots%22%3A%22no%22%2C%22vertical%22%3A%22no%22%7D%5D” filtering=”%5B%7B%7D%5D”][bb_vcuc_slide filtering=”%5B%7B%22value%22%3A%22red%22%7D%5D”]
[/bb_vcuc_slide][bb_vcuc_slide filtering=”%5B%7B%22value%22%3A%22red%22%7D%5D”]
[/bb_vcuc_slide][bb_vcuc_slide filtering=”%5B%7B%22value%22%3A%22red%22%7D%5D”]
[/bb_vcuc_slide][/bb_vcuc]
Create a scene
Admin panel > ScrollMagic > Add Scene.
Tab init : Settings before scrolling
Tab after: Settings after scrolling
Use scene for default editor
Use scene for all Editors.
You can use Class CSS for any element in Editor (Visual Composer, Divi, Fusion, Cornerstone, Elementor..etc..)
Use multi-scenes
[bb_vcuc dots=”yes” slidestoshow=”1″ responsive=”%5B%7B%22destroys%22%3A%22no%22%2C%22dots%22%3A%22no%22%2C%22vertical%22%3A%22no%22%7D%5D” filtering=”%5B%7B%7D%5D”][bb_vcuc_slide filtering=”%5B%7B%22value%22%3A%22red%22%7D%5D”]
[/bb_vcuc_slide][bb_vcuc_slide filtering=”%5B%7B%22value%22%3A%22red%22%7D%5D”]
[/bb_vcuc_slide][/bb_vcuc]
Use Multi-scene for default editor
Use Multi-scene for all Editors
Image-sequence
[bb_vcuc dots=”yes” slidestoshow=”1″ responsive=”%5B%7B%22destroys%22%3A%22no%22%2C%22dots%22%3A%22no%22%2C%22vertical%22%3A%22no%22%7D%5D” filtering=”%5B%7B%7D%5D”][bb_vcuc_slide filtering=”%5B%7B%22value%22%3A%22red%22%7D%5D”]
[/bb_vcuc_slide][bb_vcuc_slide filtering=”%5B%7B%22value%22%3A%22red%22%7D%5D”]
[/bb_vcuc_slide][/bb_vcuc]
Use Image-sequence for default editor
Use Image-sequence for Visual Composer
Draw SVG
[bb_vcuc dots=”yes” slidestoshow=”1″ responsive=”%5B%7B%22destroys%22%3A%22no%22%2C%22dots%22%3A%22no%22%2C%22vertical%22%3A%22no%22%7D%5D” filtering=”%5B%7B%7D%5D”][bb_vcuc_slide filtering=”%5B%7B%22value%22%3A%22red%22%7D%5D”][/bb_vcuc_slide][/bb_vcuc]
Animate CSS
[bb_vcuc dots=”yes” slidestoshow=”1″ responsive=”%5B%7B%22destroys%22%3A%22no%22%2C%22dots%22%3A%22no%22%2C%22vertical%22%3A%22no%22%7D%5D” filtering=”%5B%7B%7D%5D”][bb_vcuc_slide filtering=”%5B%7B%22value%22%3A%22red%22%7D%5D”]
[/bb_vcuc_slide][/bb_vcuc]