#fd8

Ana Tudor 🐯anatudor
2022-12-05

So here's a little : how would you this pattern?

⚠️ 1 HTML element
❌ no pseudos
⚠️ pure CSS
❌ no JS
❌ no SVG
⚠️ no images in general save for CSS gradients
✨ acute (top) rhombus angle is 76°
✨ rhombus width is 5em
✨ light gold is

PS - If you're a $5+ patron on Patreon, know I've already posted the solution there 👀 🤫

Rhombic tiling of the plain. Each rhombus has a light gold to blue gradient, but whether it's from top to bottom or from bottom to top varies depending on the row. All rows  with the same vertical alignment have the same gradient direction, while those offset by half a rhombus width have the gradient in the other direction. There are also thin lines of the same light gold used to delimit the rhombic edges.

Client Info

Server: https://mastodon.social
Version: 2025.07
Repository: https://github.com/cyevgeniy/lmst