This is my Pirate Monster:
- I started by generating a checkered background. I am a beginner in JavaScript, so I came up with a very "unelegant" way to create the pattern.
- Next, I defined a simple circle as the body of the monster.
- I added a 3-color radial gradient filling to the body, and a shadow behind it.
- Then I defined its main facial features (eyes, pirate patch, eyebrows, mouth, teeth, moustache).
- Finally, I added some animation to it by making the left eye move.
- I tested the final design in Safari, Chrome and Firefox and they all look the same.