Edit: I wrote a post about how to make these! Check it out here.
They're a little trigger-happy, but when I fixed them to be less sensitive, I lost the interesting rotations you get at each corner. I decided they're better as-is.
@gabriellewee very impressive!
@j-w-v Thank you! :)
how do I change the image
on the cube?
@Emerald-Espeon There are inline SVGs in the Haml/HTML
This is so cool! I love how they do multi-directional rotations when the mouse moves in/out diagonally. Nice work!
@estewart23 Thanks! It was something I hadn't intended on, but I liked the effect so much I left it in. It's due to your mouse moving over a separate link area - the cube changes smoothly mid-transition to another transition.
i love that you can tab through the cube sides. nice work
This is great! Any way with only CSS to add direction-aware mouse-off as well? Fantastic work!
@brandonmcconnell There is, in a way, but then the default state would be the same as the mouse-off state - you'd have to put the animation/transition on a ~ div and remove it on a:hover ~ div.
a ~ div
a:hover ~ div
Need to know how to enable it? Go here.