CSS AdvancedLesson 53Free preview

CSS Gradients

This lesson is part of CSS · All levels

Summary

CSS gradiens are created directly with no image file functionality, making them lighter and sharper in all screen sizes. There are three main types: linear (straight), radial (circular from a point), and conic (rotating around a point). We can add a lot of color stops for smooth color transitions.

Key points

`linear-gradient(arah, warna1, warna2)` makes a color shift along the line
The shape can be either P1 or P2
It spins colors around a point like a clockwork needle.
The stop color can be given a percentage position, for example `red 30%, blue 70%`

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.