×

×

Correct!

Exercise:

Set a linear gradient background for the <div> element, going from the top to bottom, transitioning from "rgba(0,255,0,0.2)" to "rgba(0,255,0,1)".

Hint: RGBA is RGB color values with an alpha channel (which specifies the opacity).

Edit This Code:

Result:

Correct Code:

Result:

CSS Selectors

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Selectors tutorial

CSS How To...

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS How To... tutorial

CSS Background

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Go to CSS Background tutorial

CSS Text

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Go to CSS Text tutorial

CSS Font

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Go to CSS Font tutorial

CSS Links

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Links tutorial

CSS Lists

Exercise 1 Exercise 2 Exercise 3 Go to CSS Lists tutorial

CSS Tables

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Exercise 6 Go to CSS Tables tutorial

CSS Box Model

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Box Model tutorial

CSS Border

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Border tutorial

CSS Outline

Exercise 1 Exercise 2 Exercise 3 Go to CSS Outline tutorial

CSS Margin

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Margin tutorial

CSS Padding

Exercise 1 Exercise 2 Exercise 3 Go to CSS Padding tutorial

CSS Dimension

Exercise 1 Exercise 2 Go to CSS Dimension tutorial

CSS Display/Visibility

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Display/Visibility tutorial

CSS Positioning

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Go to CSS Positioning tutorial

CSS Horizontal Align

Exercise 1 Exercise 2 Go to CSS Horizontal Align tutorial

CSS Combinators

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Combinators tutorial

CSS Pseudo-classes

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Pseudo-classes tutorial

CSS Pseudo-elements

Exercise 1 Exercise 2 Exercise 3 Go to CSS Pseudo-elements tutorial

CSS Image Opacity / Transparency

Exercise 1 Exercise 2 Go to CSS Image Opacity / Transparency tutorial

CSS Attribute Selectors

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Exercise 6 Go to CSS Attribute Selectors tutorial

CSS Rounded Corners

Exercise 1 Exercise 2 Go to CSS Rounded Corners tutorial

CSS Border Images

Exercise 1 Exercise 2 Go to CSS Border Images tutorial

CSS Backgrounds

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Go to CSS Backgrounds tutorial

CSS Colors

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Colors tutorial

CSS Gradients

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Exercise 6 Exercise 7 Go to CSS Gradients tutorial

CSS Shadow Effects

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Go to CSS Shadow Effects tutorial

CSS Text

Exercise 1 Exercise 2 Exercise 3 Go to CSS Text tutorial

CSS Web Fonts

Exercise 1 Exercise 2 Go to CSS Web Fonts tutorial

CSS 2D Transforms

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS 2D Transforms tutorial

CSS 3D Transforms

Exercise 1 Exercise 2 Exercise 3 Go to CSS 3D Transforms tutorial

CSS Transitions

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Go to CSS Transitions tutorial

CSS Animations

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Exercise 6 Go to CSS Animations tutorial