Como colocar duas imagens no background CSS

Elton Disner
Atualizado em 06/2022
Como colocar duas imagens no background CSS

Como colocar duas imagens no background CSS

Múltiplos backgrounds com CSS

 

No CSS3 a propriedade background tem a possibilidade de se colocar vários fundos no mesmo elemento, ou melhor dizer que temos a possibilidade de definirmos várias imagens como background em uma única DIV, inputs ou qualquer outro elemento que você desejar.

Como proceder?

É bem simples, você precisa utilizar somente a propriedade “background”, não funciona com background-image e background-color para esta condição que irei mostrar.


Veja nosso exemplo, apenas precisa separar as condições por virgula

// Como colocar duas imagens no background CSS

Alem disso é possível adicionar por exemplo a cor de fundo somado as duas imagens no background do mesmo elemento

// Como colocar duas imagens no background CSS

Hey, compartilha vai!

Publicado por:
Desenvolvedor apaixonado por programação, tecnologia e ciência. Comecei a estudar programação no final da era MS-DOS trabalhei com dBASE III e COBOL Orientado a Objetos, isso antes da interface gráfica e do mouse que conhecemos hoje!
BLOG
Blog com dicas e ideias sobre programação e Web Designer WordPress