All updates

Enhancement

Layout & design

X & Y offsets for shadows & variable support

X & Y offsets for shadows & variable support

To better align with the underlying CSS properties and other design tools, text and box shadow properties now use X & Y offsets instead of angle and distance properties.

Additionally, you can now connect  variables to any shadow property making it that much easier to maintain your design systems in Webflow.

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 & Y offsets.

Learn more about text shadows and box shadows on Webflow University.

To better align with the underlying CSS properties and other design tools, text and box shadow properties now use X & Y offsets instead of angle and distance properties.

Additionally, you can now connect  variables to any shadow property making it that much easier to maintain your design systems in Webflow.

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 & Y offsets.

Learn more about text shadows and box shadows on Webflow University.


Launched on
January 22, 2024
Category
Layout & design

Related updates

Sync multiple variable collections and modes from Figma to Webflow

Sync multiple variable collections and modes from Figma to Webflow

Learn more
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

Get started for free

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.

Get started — it’s free
Watch demo

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.