Login
You're viewing the front-end.social public feed.
  • Christopher Kirk-Nielsenchriskirknielsen
    Jul 31, 2025, 3:22 AM

    Dipping back into view transitions after seeing @kevinpowell's recent video (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 challenge!

    Didn't push this live because there's a ~250ms interactivity delay after the transition. Bleh, gotta fix that first.

    My website, cycling through all available themes, with a simple circle "cut out" view transition originating from the theme picker, expanding to reveal the new theme on the entire page.
    A lengthy piece of code detailing the CSS driving this view transition. It uses many mathematical functions to determine the origin of the transition as well as the radius of the circle needs to be to cover the entire page.
    💬 2🔄 5⭐ 21

Replies