Grid transtion
Hi guys i want a grid transition where the hovering of item bring it to the center or to the side any one know how to start.
3 Replies
you can change the size of columns and rows with CSS only, and they're animateable, but you can't animate what rows/columns an element is taking up, for that you'll have to use a bit of JS. View transitions make animating it possible (and incredibly easy) if you don't mind the browser support not being perfect.
https://codepen.io/kevinpowell/pen/Pwqqrow
In this example I'm doing it on click, not hover... you could change that to hover, but it might be a little awkward
this is great. work in chrome.... not in firefix but we can live with that. Thanks Kevin!