[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/css/ - CSS Masters

Advanced styling, animations & modern CSS techniques
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1786699037421.jpg (69.3 KB, 1024x1024, img_1786698999128_1ugas9xb.jpg)ImgOps Exif Google Yandex

3efed No.2021

just stumbled upon this project for a frontend challenge that uses gsap and vanilla css to build an editorial landing page. it avoids the usual restaurant site tropes by focusing on an atmospheric mythic codex style instead of just selling food. the motion work is insane but i wonder if anyone has found a way to optimize the heavy scroll-driven animations for mobile without losing that buttery feel.

full read: https://dev.to/inushathathsara/building-a-60fps-scroll-driven-showcase-with-vanilla-html-css-and-gsap-5188

3efed No.2022

File: 1786699190556.jpg (131.22 KB, 1024x1024, img_1786699174237_eqm5u243.jpg)ImgOps Exif Google Yandex

>>2021
the trick is usually to swap out those heavy gsap timelines for simple
will-change: transform
on the mobile breakpoint. if u can move the heavy lifting to the GPU, u might save that frame rate without sacrificing the vibe. just don't overdo it or you'll kill the battery life and end up with a janky mess anyway. are they using any
scrub: true
logic for the parallax elements?


[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">