Multiples Backgrounds con CSS3
Jorge Olaya
Jorge Olaya
Frontend DeveloperCon CSS2 solo podíamos tener una imagen por cada elemento, pero ahora con CSS3 podemos tener tantas imágenes como queramos...
En CSS2 para crear un fondo de múltiples capas, teníamos que crear un contenedor para cada una de las imágenes, y luego poniamos los (div) uno dentro del otro y a continuación añadiamos su correspondiente regla CSS....
Ahora con CSS3 podemos agregar más de una imagen a la vez, es fácil y no tan extenso en cuanto a código...
Desde un solo (div) podemos definir el estilo y las imágenes que queramos tener, solo basta definir las propiedades, se puede lograr de 2 formas
1. Se logra con las propiedades “background-image” “background-position” “background-repeat”, se puede llamar a más de una equivalencia por propiedad y esas se separan por comas.
Ejemplo...
Ejemplo
HTML
CSS
Observamos" class="redactor-autoparser-object">https://gist.github.com/334405... que el resultado es el mismo... Este truco mejora el rendimiento de una Aplicación Web y optimiza el CSS...
Written by Jorge Olaya
Jorge Olaya
Jorge specializes in creating visually appealing and intuitive user interfaces. His focus on design and user experience ensures that applications are both functional and engaging.
