Trucazo de CSS gradiente transparente en imágenes
Trucazo de CSS para crear un degradado a transparente de tus imágenes.
Es muy sencillo, lo puedes lograr en un par de líneas, y además tiene un soporte de casi el 100% de los navegadores actuales.
Tienes que usar la propiedad mask-image, que te permite aplicar una máscara a la imagen. Y para el degradado, puedes usar un gradiente lineal.
También podrías usar gradientes radiales o incluso una imagen como máscara, pero en este caso ya nos va bien con un gradiente lineal.
¿Y por qué no hacer esto en la propia imagen? Pues porque haría que la imagen original pesase más, ya que los gradientes en las imágenes tienen un peso considerable por la opacidad.
Además así puedes cambiar fácilmente desde CSS el efecto y ver cómo queda.
¿Qué te parece? ¿Te lo sabías? ¿Lo usarás en tus proyectos?
#css #css3 #programacion #uxui #desarrolloweb #short
Watch video Trucazo de CSS gradiente transparente en imágenes online without registration, duration hours minute second in high quality. This video was added by user midudev 17 July 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 28,458 once and liked it 3.2 thousand people.