Menu
Our Products
Explore
Member Login
Join Osmo
Start
Learning

Page Transition Course

Drag

Zeit Media

December 9, 2025
Dang Nguyen

@lenonguyen

Pause
Play

00:00

/

00:00

Full Showcase

Resources used: 12

In this project

Video & Audio

Bunny HLS Background Video

Video & Audio
Bunny HLS Background Video
Video & Audio

Custom Bunny HLS Player (Advanced)

Video & Audio
Custom Bunny HLS Player (Advanced)
Sliders & Marquees

CSS Marquee

Sliders & Marquees
CSS Marquee
Utilities & Scripts

Detect Scrolling Direction (Up/Down)

Utilities & Scripts
Detect Scrolling Direction (Up/Down)
Filters & Sorting

Basic Filter Setup

Filters & Sorting
Basic Filter Setup
Video & Audio

Custom Bunny HLS Player (Basic)

Video & Audio
Custom Bunny HLS Player (Basic)
Video & Audio

Custom Bunny HLS Lightbox (Advanced)

Video & Audio
Custom Bunny HLS Lightbox (Advanced)
Cursor Animations

Dynamic Custom Text Cursor (Edge Aware)

Cursor Animations
Dynamic Custom Text Cursor (Edge Aware)
Scroll Animations

Global Parallax Setup

Scroll Animations
Global Parallax Setup
Scroll Animations

Scaling Element on Scroll (GSAP Flip)

Scroll Animations
Scaling Element on Scroll (GSAP Flip)
Buttons

Button with Bubble Arrow

Buttons
Button with Bubble Arrow
Buttons

Underline Link Animation

Buttons
Underline Link Animation
Full Showcase
We'll see you there!

Built
to Flex
Built
to Flex

Built
to Flex
Built
to Flex

Victor Work
Jordan Gilory
Jason Harvey
Huy Nguyen

Join 3K+ others

Ready to
level up?

Become a member to unlock the full Osmo toolkit today.

Become a member
FAQs