Easy there, pal!
To access the Linear Gradients challenges in the Advanced styling, you need to sign up and subscribe first.
- index.html
HTML
You’ve gone to a different page
Click inside the mini-browser to shift the focus onto this window.
In this section, you have already created a simple ornament using linear gradients. Now we challenge you to become a real ninja at creating patterns with CSS!
To help you, we have left the set property background-size in the code and included the used values for background-position for parts of the ninja stars as comments. The proportions of the tilt angles are specified in degrees and multiples of 5. The dimensions of the color stops are specified in pixels and are also multiples of 5.
Hint: Before starting, draw six triangles on a piece of paper, and then combine them to form a ninja star.
Used colors: #000000 and #555555
You’ve gone to a different page
Click inside the mini-browser to shift the focus onto this window.
To access the Linear Gradients challenges in the Advanced styling, you need to sign up and subscribe first.
Have you forgotten your password or lost access to your profile? Enter your email connected to your profile and we will send you a link to restore access.
Forgot to connect your email to the profile? Email us and we’ll help.