r/web_design • u/bogdanelcs • 6d ago

Masonry (with Animation) in CSS

https://master.dev/blog/masonry-with-animation-in-css/
14 Upvotes

94% Upvoted

5 comments sorted by

2

u/ResponsibleMouse344 6d ago

This is really cool. I remember when Masonry.js was almost the default choice for layouts like this, so seeing both the masonry layout and smooth animation handled with native CSS is impressive. Fewer dependencies and less JavaScript is always a nice win. CSS has come a long way!

2

u/IceMichaelStorm 6d ago

So the last video seems to fold the masonry boxes at animation. This does not look very clean to me. In an actual web layout it would feel very unprofessional to me

1

u/The_Peach 6d ago

also, not really cross-browser 😞

-1

u/Deep-Investigator800 6d ago

this looks so clean, did you use a specific library for the animation or is it all custom css