diff --git a/guide/english/certifications/responsive-web-design/applied-visual-design/create-a-gradual-css-linear-gradient/index.md b/guide/english/certifications/responsive-web-design/applied-visual-design/create-a-gradual-css-linear-gradient/index.md index 93835fc54a..1d6fcb3963 100644 --- a/guide/english/certifications/responsive-web-design/applied-visual-design/create-a-gradual-css-linear-gradient/index.md +++ b/guide/english/certifications/responsive-web-design/applied-visual-design/create-a-gradual-css-linear-gradient/index.md @@ -1,23 +1,38 @@ --- title: Create a Gradual CSS Linear Gradient --- - ## Create a Gradual CSS Linear Gradient +## Create a Gradual CSS Linear Gradient -To create a linear gradient you must define at least two color stops. Color stops are the colors you want to render smooth transitions among. You can also set a starting point and a direction (or an angle) along with the gradient effect. +To create a linear gradient you must define *at least* two color stops. Color stops are the colors you want to render smooth transitions among. You can also set a starting point and a direction (or an angle) along with the gradient effect. The syntax is always: -``` -background-image: linear-gradient(angle, color-stop1, color-stop2); +```css +background-image: linear-gradient(angle, color-stop1, color-stop2....); ``` The colors can be used in both hex() and rgb() formats. Experiment a bit and you'll understand how easy and beautiful it is to use it. +### Solution -## Resources -There's an extensive info on this topic available on this link. +```html + +
+``` +#### Resources + +*
There's an extensive info on this topic available on this link. + +* Also, you might want to review this Youtube video by The Net Ninja.