008-layer-animation-3d.slider - Jssor Slider Composer Tutorial

008-layer-animation-3d.slider - Jssor Slider Composer Tutorial

1. Open /jssorservice/008-layer-animation-3d-before.slider/=edit

2. Set 3d Perspective.

Select the Panel Layer, click More... toolbox item. Set 3D Space Perspective -> Depth value to 100.

3. Set Rotate Y Property.

Select the second Motion Point of the Child Layer.

Set Rotate Y value to 45.

4. Drag Timeline Pointer along the timeline to preview animation.

5. See result /jssorservice/008-layer-animation-3d.slider/=edit

Create Slider Set Slider Layout Layer Animation (Move) Insert Motion Point Move Motion Point Move Layer Resize Layer Manage Layers Layer Animation (3d) Layer Animation (Split Text) Layer Animation (Repeat) SVG (Mask) Panel Layer Effect (Gooey) Panel Layer Effect (Neon) Panel Layer Effect (Distort) Layer Animation (Fade) Layer Animation (Scale/Zoom) Layer Animation (Rotate) Layer Animation (Blur) Layer Animation (Color) Layer Animation (Clip) Layer Animation (Letter Spacing) Layer Animation SVG - Path/Text (Dash) Layer Animation SVG - Path (Path) Layer Animation SVG - Textpath (Letter Start) Options (Slideshow)