Hoy os traemos un tema que me ha pedido mucha gente, ¿cómo hago sombras o difuminados en mi página web?
Bien, principalmente pueden crearse sombras sobre capas y textos, y se realiza mediante CSS. Vamos a ver diferentes ejemplos de sombras sobre ambos elementos.
text-shadow: 0px 0px 0px color;
El primer parámetro es la distancia de la sombra en horizontal.
El segundo parámetro es la distancia de la sombra en vertical.
Y el tercer parámetro es el nivel de difuminación.
box-shadow: 0px 0px 0px color;
La propiedad se llama box-shadow pero los parámetros son los mismos. Además de un parámetro más “inset” que define que la sombra será por el interior de la capa en vez de por el exterior.
¿Sencillo verdad?, pues ahora solo te queda practicarlo y así dar un toque más creativo a tus diseños.
