Dear Webflow-Community,
so with this wonderful Style-Tag I managed to implement great gradients on Text!
Without using SVGs or such.
<style>
.clipped {
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
</style>
Thanks to this nice tutorial:
https://www.youtube.com/watch?v=XoE1aNQigd4
(implemented via HTML embedded)
Unfortunately, there’s an issue with this feature – when the text wraps into the next line (see image attached):
That’s not only on mobile, also on smaller desktop versions if you resize responsively.
Does anyone of you know where this issue might come from?
Until then, it will only work for one-liners.#
Here you can take a look: https://gradient-text-d585ed.webflow.io/
Site Read-Only: Webflow - Gradient Text
Thanks in advance,
David