Text shadow

Add depth and create unique text styles by stacking text shadows.

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

Text shadows are visual effects which displays text with a shadow. You can access text shadows by selecting a text element and going to Style panel > Typography > Text shadows. To create a unique design, you can add multiple text shadows on a single text element and style each text shadow differently.

As you add shadows to your text, you can see the effects live on your canvas. If you edit  the text on the canvas, the text will be written with your pre-set shadow effect.

You can toggle visibility of shadow layers by clicking the “eye” icon, or even rearrange the order by  clicking and dragging the layers into place.

Table of contents

Continue learning

Hmm…we couldn’t find any results for “search query”. Try a different search term or check out our community forum.

Search the forumReset the filter
Load more

Filter

Reset
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Topics
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Back to top