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:
- Mycolor.space: En esta página podrás obtener el css de los degrados de una manera sencilla y sin complicaciones.
- W3schools.com: Esta 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.
- Webgradients: En esta página podrás encontrar gradientes personalizados para tu sitio web.
- Uigradients: En esta página podrás encontrar varios gradientes para escoger.
Respuestas