Hernanda Cahyo Kurniawan
Senior Front-End Engineer | Creating High-Performance Web
- 12
- Followers
For the Spooky season, I just want to casually share this Codepen pen that picked by the admin to be "Trending" on their site. It is not a work, just a fun coding for Codepen Halloween themed challenges. Showcase how to animate random motion with CSS-only using modern CSS features.
Masking Video Reveal
I've been thinking of animating this simple minimalistic section for my next project by GSAP and a bit of Lenis SmoothScroll. The idea is to float-n-scale the 6 product card that will fit on each of viewport edges based on user scroll position within Vue 3...
The Collection section with this featured items and simple filter followed by the horizontal scroll portrait showcase section does compliment each other for Léviqueé. Everything become simpler but harmonized with Grid.
Get the scroll reveal masking video animation done
Finally, with the cool Lenis SmoothScroller and GSAP ScrollTrigger, I completed the scroll reveal animation with this demo video just for testing. It doesn't even use SVG, just pure Vue 3 code, GSAP timeline and CSS blending for...