100xFramer #028: Text Gradient
Gradients are making a comeback. I started seeing text gradients lately (like here) and wanted to rebuild this feature in Framer Studio. Text gradient is one of the features that are not possible within the Design tab and not documented in the docs, but it is possible by using CSS & Webkit - just another example how literally anything is possible with this tool.

Copying the CSS code via the Inspector tool and adding it as CSS code into textLayer.style was a pretty straight-forward process. Just watch out not to use textLayers from Design tab - these don't seem to work as of Framer Studio v112.

Framer elements used:
- TextLayer
- CSS
Text Gradient
Published:

Text Gradient

Text Gradient in CoffeeScript/Framer Studio

Published:

Creative Fields