All courses CSS styling

Opacity

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

Opacity

Use opacity to change the transparency level of elements to create unique visual effects.

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

Filters

Create hover effects using filters

Complete & continue

Complete course