“Texto del arco iris con CSS” Código de respuesta

Texto del arco iris con CSS

.rainbow-text {
  background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
  -webkit-background-clip: text;
  color: transparent;
}
DCmax1k

Texto de Rainbow CSS

#grad1 {
    height: 200px;
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, orange , yellow, green, cyan, blue, violet); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, orange, yellow, green, cyan, blue, violet); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, orange, yellow, green, cyan, blue, violet); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, orange , yellow, green, cyan, blue, violet); /* Standard syntax (must be last) */
}
Adorable Alligator

Respuestas similares a “Texto del arco iris con CSS”

Preguntas similares a “Texto del arco iris con CSS”

Más respuestas relacionadas con “Texto del arco iris con CSS” en CSS

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código