How Difficult Are These Web Animations?! (TIER LIST)

My Web animation Tier List based on diffculty.

0:00 Intro
0:35 Mask Split Text
1:41 Masks
3:12 Pixel Shader
4:59 Stacked Cards
6:55 3D Dom Positioning
8:49 2D Physics
10:18 Videos on scroll
12:21 3D Perspective Gallery
13:36 3D Timeline
15:27 Image Pixel effect
17:10 Infinite Scroll
18:23 Parallel page transition
20:50 Gradients
22:17 Pixel Transition
24:20 Image Gallery with mouse
26:02 Stairs Transition
26:57 Fluid Shader
29:30 Text Scramble
31:06 WebGL Image Gallery
33:01 3D Physics
33:47 Gooey Effect
35:52 Text Gradient
37:00 Outro

More animations: https://blog.olivierlarose.com/
Follow me on Twitter:   / olivierlarose_  
Follow me in Instagram:   / olidevs  
Discord Channel:   / discord  

Thanks for watching!

#react #nextjs #awwwards #gsap #framer #motion #threejs