Back to updates
Enhancement
Layout & design

X & Y offsets for shadows & variable support

X & Y offsets for shadows & variable support

<p id="">To better align with the underlying CSS properties and other design tools, text and box shadow properties now use X &amp; Y offsets instead of angle and distance properties.</p><p id="">Additionally, you can now connect&nbsp; variables to any shadow property making it that much easier to maintain your design systems in Webflow.</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:2560px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="2560px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/65aaa8d6b9d852461eee82d2SlashUpdates1280x720.webp>" loading="lazy"></div></figure><p id="">Note that this will have no effect on the look of your existing text and box shadows. The existing shadows’ angle and distance properties will be automatically translated into corresponding X &amp; Y offsets.</p><p id="">Learn more about <a href="<https://university.webflow.com/lesson/text-shadow>" id="">text shadows</a> and <a href="<https://university.webflow.com/lesson/text-shadow>" id="">box shadows</a> on <a href="<https://university.webflow.com/lesson/effects>" id="">Webflow University</a>.</p>


Launched on
January 22, 2024
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