Simon Game Help - How to create curved shape

Simon Game Help - How to create curved shape
0

#1

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.


#2

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


#3

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