---
# ssc test
**URL:** https://modul-r.codekraft.it/ssc-test/
Date: 2022-06-27
Author: Erik
Post Type: post
Summary: The video is played every time it returns in the viewport and paused if not ended Video playback controlled by mouse X position (mouse position) Video playback controlled by mouse X position (drag and drop) Use the mouse wheel to control video playback Video playback controlled by Y position Example: Animation – Duration Example: Animation […]
Categories: Child Category 01
---
The video is played every time it returns in the viewport and paused if not ended
Video playback controlled by mouse X position (mouse position)
Video playback controlled by mouse X position (drag and drop)
Use the mouse wheel to control video playback
Video playback controlled by Y position
Example: Animation - Duration
1000ms (default)
3000ms (default)
Example: Animation - Delay
0 delay
2000ms delay
Example: Animation - Active area (80% 50% 20%)
80%
50%
20%
Example: Animation - No animation in / No animation out
no animation in
no animation out
Example: Animation - Linear / EaseIn / EaseOut / EaseInOut
Linear
Ease In
Ease Out
Ease In Out
Example: Stagger (childs)
Example: Animation - Stagger (Elements)
#### Custom Animation
## 3
## 2
## 1
**custom css **
position: absolute;
top: 45%;
left:45%;
## 1 2 3 GO!
## Title stagger (letters)
## Title text remix
## 654321
## Parallax title
scroll with the mouse over the image on the left
## TIMELINE
---
## Categories
- Child Category 01
---
## Navigation
- [Modul*R](https://modul-r.codekraft.it/)
---
## Footer Links
- [WordPress](https://wordpress.org/)