DEV Community

Discussion on: Creating Patterns with CSS simplified.

Collapse
 
afif profile image
Temani Afif

This can also be done using only 2 gradients if you consider conic-gradient. Here is a quick implementation: codepen.io/t_afif/pen/qBmjavX .. you will need few math to control the shape and the gaps.

Collapse
 
venkyakshaya profile image
Akshaya Venkatesh

First of all Temani - I have been a huge fan of your work. Thanks for reading my blog 🀩 I saw the Codepen. I picked linear gradient because I personally felt it’s easier to start with and easier to explain. Thanks for sharing the conic gradient solution. 😎 It’s really cool πŸ™Œ

Some comments have been hidden by the post's author - find out more