We need to position them such that the left edge of the first (leftmost) one and the right edge of the last (rightmost) one are at equal distance from the vertical line dividing the viewport int… See more

In our case, things are pretty simple because our masking gradient is vertical. But what about gradients that aren’t vertical, or horizontal or don’t go from one corner to th… See more

The CSS animation in the original pen is a pretty straightforward one, rotating the bars in 3D: It’s the same animation for all the bars: We only add a different delay for each within the b… See more

We need a better cross-browser solution for this. I believe that reflecting an element shouldn’t involve duplicating all its descendants like we needed to do for this bar loader. … See more