Gregory's ServerYou probably shouldn't ever ship view transitions like this, but eh I had fun.
Demo: https://simple-set-demos.glitch.me/gross-cube-transition-shaded/
|
23 comments
@flackr Hah! But, I think it's actually a difficult choice when it comes to which direction these animations run. Pressing the back arrow in the header, or the browser back button, yeah the cube should rotate back, but I'm less clear when it comes to in-page links, especially if they haven't been visited yet.    @jaffathecake just waiting for the first conference to have a speakers page like the Going For Gold intro  @jaffathecake Cool demo, it's a shame Firefox doesn't support this yet. Hopefully they get around to it soon, I've been using HTMX in some of my projects and it supports view transitions like this, it would be great to actually use them! @arnelson @jaffathecake yeah i noticed it didnt work for me. Whats htmx and why is it inportant?  @jaffathecake Does this run on Firefox, or is it Chrome-only? (I tried it on Firefox 120.0.1 on Ubuntu, no dice) @jaffathecake Looking forward to someone remaking one of the old wizardry games on the web using view transitions some day.    @jaffathecake next do the "genie" thing from old versions of the osx dock where a page goes down into an icon. Could be a whole new field of mid-2000s visual transition effects 🙂  @jaffathecake this is legit pretty cool for slide decks. HTML presentation stuff I've seen is usually a single giant file with a bunch of JS, but native HTML and CSS where each slide is a distinct document? I’m down.  |
@jaffathecake You mean because going from page 2 to page 1 appears to also go forward? In my mind there are 2 of each page on opposite sides of the cube.