Blog

22 de June de 2023

Gradient text

Texto com Degradê

No more using images with gradient text, we can do this with CSS, this is the cleanest way to do this, as the text remains editable and selectable.

.degrade{
background: -webkit-linear-gradient(blue, white);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

Example

Share:
Others

Tips

Exemplo de PSD

PSD example

View more

Protótipo em site

Prototype on site

View more

ShadowBox

ShadowBox

View more