All coursesCSS styling
Set background images
We’re transitioning to a new UI, and are in the process of updating our Webflow University courses and videos.

Set background images

Add and configure background images.

Set background images

Add and configure background images.

1

Getting started

Coming soon

1

Style panel overview
3:15
Style panel overview
Coming soon

1

HTML tags
8:43
HTML tags
Coming soon

1

Classes
14:57
Classes
Coming soon

1

Combo classes
4:05
Combo classes
Coming soon

1

Style Manager
3:46
Style Manager
Coming soon

1

Text style inheritance overview
3:18
Text style inheritance overview
Coming soon

2

Interaction

Coming soon

2

States
2:47
States
Coming soon

2

Transitions
2:40
Transitions
Coming soon

3

Responsive design

Coming soon

3

Breakpoints
16:00
Breakpoints
Coming soon

4

Typography styles

Coming soon

4

Text shadow
2:36
Text shadow
Coming soon

5

Background & border styles

Coming soon

5

Backgrounds
8:15
Backgrounds
Coming soon

5

Set background images
2:04
Set background images
Coming soon

5

Create gradient backgrounds
3:02
Create gradient backgrounds
Coming soon

5

Borders
7:14
Borders
Coming soon

5

Box shadow
3:34
Box shadow
Coming soon

6

3D styles

Coming soon

6

3D movement & parallax
2:25
3D movement & parallax
Coming soon

6

3D perspective
4:01
3D perspective
Coming soon

6

Transforms
4:53
Transforms
Coming soon

7

Effects

Coming soon

7

Opacity
1:44
Opacity
Coming soon

7

Filters
2:59
Filters
Coming soon

7

Override the default cursor for elements
1:45
Override the default cursor for elements
Coming soon

8

Color

Coming soon

8

Color picker
3:51
Color picker
Coming soon

8

Color values
3:22
Color values
Coming soon

8

Typography
21:28
Typography
Coming soon

Course progress

0%

Up next

Create gradient backgrounds

Add a gradient background to help a section, button, or any element stand out.
Complete & continue
Complete course