Como hacer el efecto degradado en Elementor

En esta ocasión aprenderás como colocar efecto degradado a tus textos hechos en Elementor, para eso necesitaremos dos códigos, que te dejaré abajo 👇​👇​

1. css personalizado para texto de encabezado

selector .elementor-heading-title{
background-image: linear-gradient(to top, #43e97b 30%, #38f9d7 70%);
background-clip: text;
-webkit-background-clip: text;
}

2. CSS personalizado para texto de párrafo

selector .elementor-text-editor{
background: linear-gradient(to top, #00cc66 28%, #66ffff 85%);
background-clip: text;
-webkit-background-clip: text;
}

Páginas recomendadas:

  1. Mycolor.spaceEn esta página podrás obtener el css de los degrados de una manera sencilla y sin complicaciones.
  2. W3schools.comEsta página también te genera degradado en css, pero en tiempo real y con porcentajes para saber de donde empieza el difuminado, si quieres aprender mas sobre gradientes, te dejo el enlace de w3schools.
  3. Webgradients: En esta página podrás encontrar gradientes personalizados para tu sitio web.
  4. Uigradients: En esta página podrás encontrar varios gradientes para escoger.

Artículos relacionados

Respuestas

Inicio
FAQ
Cursos
Blog
Cuenta