# first.items[].content
There's also this square tiling https://codepen.io/thebabydino/pen/JjB EzMQ

This is a pure #CSS version of something I coded with #JS a few years back https://codepen.io/thebabydino/pen/JNZ GwE/

If you look at the orange squares, they get squished to rhombi & eventually to a line (then they go back).

This is done with skew along the x axis. But the way this works https://codepen.io/thebabydino/full/Jo QRdb means edges along the other axis (y) get longer & we don't have a rhombus (all 4 edges equal) anymore!

#CodePen #trigonometry #webDev #maths

# first.items[].contentMap.en
There's also this square tiling https://codepen.io/thebabydino/pen/JjB EzMQ

This is a pure #CSS version of something I coded with #JS a few years back https://codepen.io/thebabydino/pen/JNZ GwE/

If you look at the orange squares, they get squished to rhombi & eventually to a line (then they go back).

This is done with skew along the x axis. But the way this works https://codepen.io/thebabydino/full/Jo QRdb means edges along the other axis (y) get longer & we don't have a rhombus (all 4 edges equal) anymore!

#CodePen #trigonometry #webDev #maths

# first.items[].attachment[].name
Screenshot of linked demo, showing edges of a former square getting longer along its y axis post x axis skew.