How to generate gradients in css3 text

Question

How to generate gradients in css3 text

Navigation

#1 by (5 votes)

4

Hello I wanted to know how to generate a gradient in a text like the attached image. or if there is a generator on the web to be able to do it

html css3 css

asked by MarianoF 22.11.2017 в 13:38

source

1 answer

Obtain data of an object in Laravel Control to show Cursor with android search engine

score 5 · Accepted Answer

You can use CSS3 for it, with a background using a linear-gradient that, combined with the property -webkit-background-clip: text; and -webkit-text-fill-color: transparent; will do the effect you want.

Example:

#degradado{
  background: linear-gradient(yellow, green);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

<h1 id="degradado">ARTIFICIAL</h1>