DEV Community

Discussion on: Creating Patterns with CSS simplified.

afif profile image
Temani Afif

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

venkyakshaya profile image
Akshaya Venkatesh Author

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