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

Borders

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

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
1:56
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

Box shadow

Use box shadows to add depth inside or outside of element boundaries.
Next lesson