@chriskirknielsen@front-end.social
Post #2079818
2025-07-31 03:22 UTC
Dipping back into view transitions after seeing @kevinpowell's recent video (https://www.youtube.com/watch?v=f_aqzyIDudI). How would that work on my multitheme website? I used @JaneOri's scalar trick to find the exact radius of the clip-path circle at the origin of the transition (top right corner of the container or viewport) using min, sqrt, pow, tan, atan2… This was a fun little #CSS challenge!
Didn't push this live because there's a ~250ms interactivity delay after the transition. Bleh, gotta fix that first.
Replies (2)
-
@chriskirknielsen@front-end.social 2025-07-31 19:23
I think the delay issue is resolved so I shipped it for supporting browsers: https://chriskirknielsen.com — still seems a little iffy in Firefox with the feature flag on but it works. It's my website, who's gonna stop me? (PS: you can toggle themes with the number keys on your keyboard if you want to switch very fast and hurt your eyes!)
-
@NicMakesStuff@indieweb.social 2025-07-31 04:00
@chriskirknielsen@front-end.social Ugh, I love your site sooooooo much 🤩