All courses CSS styling

Create gradient backgrounds

We’re transitioning to a new UI, and are in the process of updating our Webflow University courses and videos.

Create gradient backgrounds

Add a gradient background to help a section, button, or any element stand out.

1

Getting started

Coming soon

1

Style panel overview

Style panel overview

Coming soon

1

HTML tags

Coming soon

1

Classes

Coming soon

1

Combo classes

Coming soon

1

Style Manager

Coming soon

1

Text style inheritance overview

Text style inheritance overview

Coming soon

2

Interaction

Coming soon

2

States

Coming soon

2

Transitions

Coming soon

3

Responsive design

Coming soon

3

Breakpoints

Coming soon

4

Typography styles

Coming soon

4

Text shadow

Coming soon

5

Background & border styles

Coming soon

5

Backgrounds

Coming soon

5

Set background images

Set background images

Coming soon

5

Create gradient backgrounds

Create gradient backgrounds

Coming soon

5

Borders

Coming soon

5

Box shadow

Coming soon

6

3D styles

Coming soon

6

3D movement & parallax

3D movement & parallax

Coming soon

6

3D perspective

Coming soon

6

Transforms

Coming soon

7

Effects

Coming soon

7

Opacity

Coming soon

7

Filters

Coming soon

7

Override the default cursor for elements

Override the default cursor for elements

Coming soon

8

Color

Coming soon

8

Color picker

Coming soon

8

Color values

Coming soon

8

Typography

Coming soon

Course progress

0%

Up next

Borders

Use borders to define the radius of an element and create outlines on one or more sides of an element's boundary.

Complete & continue

Complete course