Back to updates
Feature
Layout & design

Introducing text stroke styling

You can now add outlines to your typography with the text-stroke CSS property directly in the Style panel.

Introducing text stroke styling

<p id="">In a continued effort to bring more of the creative power of CSS to Webflow, we’re excited to launch <a href="<https://css-tricks.com/adding-stroke-to-web-text/>" id="">text stroke styling</a> in the Webflow Designer.&nbsp;</p><p id="">Now, designers can easily add an outline or border to their text, allowing for more creative freedom and flexibility in their designs. This update also helps to streamline the design process by reducing the need for custom code or third-party plugins, making it easier for users to create and manage their designs within the Webflow platform.</p><figure id="" class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:2400px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="2400px"><div id=""><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21d66bSYGBStrokeText_2400x1400.png>" loading="lazy" alt="Use the stroke effect in the style panel to add an outline to your text elements." id="" width="auto" height="auto"></div><figcaption id="">Use the stroke effect in the style panel to add an outline to your text elements.</figcaption></figure><p id="">To learn more about how this new property works and how to use it for your designs in Webflow, check out our <a href="<https://university.webflow.com/lesson/text-stroke>" id="">article on Webflow University</a>.</p>


Launched on
April 24, 2023
Category
Layout & design

Related updates

Truncate long content with text overflow

Truncate long content with text overflow

Learn more
Text Decoration Styles

Text Decoration Styles

Learn more
New variable types: Number and Percentage

New variable types: Number and Percentage

Learn more
Component style variants is now available

Component style variants is now available

Learn more
Manage variables at scale with reordering and bulk actions

Manage variables at scale with reordering and bulk actions

Learn more
Drop shadow filters

Drop shadow filters

Learn more