Simon Game Help - How to create curved shape

Been googling for ages but can’t wrap my head around this. For the Simon game, the 4 coloured shapes, how do you create those curved shapes?! I read about radial gradients but can’t figure out how those work.

http://bennettfeely.com/clippy/ is the most direct way to get any shape you want, but you don’t really need to go that far. For example, shapes in the example Simon pen are just squares with one corner rounded and unnecessary parts are covered by the middle console.

Edit: also note clip-path is not supported by all browsers

Ah wow I was really overcomplicating that. Thanks so much, I’ve got it now :grin:

1 Like