Creating a masonry (or mosaic) layout with flexbox produces a grid with a seemingly shuffled and obscure order, but we can achieve a natural ordering by using :nth-child() and the order property
Quickly create grids, masonry, stacks and more layouts with these 10 CSS flexbox templates
We can apply one timing function per axis to produce curved paths, by using two or more objects to drive an animation.
Spoiler-alert: you don't. You use a pseudo-element.
I built a collection of compositions to make it easier to find and match Google Web Fonts.
A quick trick: add a pseudo-element and animate it with CSS transitions on hover.
A collection of loading spinners animated with CSS.