Easy there, pal!
To access the Linear Gradients challenges in the Advanced styling, you need to sign up 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 already set the property background-size in the code and included the values used for background-position for parts of the ninja stars as comments. The tilt angles are specified in degrees and are multiples of 5. The color-stop positions 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 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.