Just stumbled onto this ballet site and man, those 3D CSS transforms for the text thumbnails are something else. It actually looks smooth when you hover and doesn't tank the frame rate at all. Most arts sites are such a drag with their boring ticketing grids, but seeing that huge black grotesk type paired with the sticky panels is really cool.
>Live text thumbnails use 3D CSS transforms to bend titles into circular, looping ringsThe way they used those dashed borders for the content cards gives it such a sharp, editorial vibe. I've been trying to play around with similar layered stacking in my own projects but I always end up with some weird overflow issue or broken z-index. It's
really impressive how they kept the touring calendar from looking like a total spreadsheet mess too. I wonder if that much heavy type is going to cause issues on slower mobile connections though.
https://abduzeedo.com/ballet-national-de-marseille-kinetic-web-design-css-type/