Breaking

Post Top Ad

Your Ad Spot

miércoles, 13 de noviembre de 2019

background-attachment CSS

La propiedad background-attachment se utiliza para controlar como se comportan las imágenes de fondo al desplazar ( scroll ) la página. Puede tomar uno de estos valores:
scroll: la imagen de fondo esta fija relativamente al elemento y no se desplaza cuando el contenido lo hace. Sin embargo se desplaza con la ventana junto con el elemento contenedor.
fixed: la imagen de fondo esta fija relativamente al viewport  y no se mueve al desplazar el contenido del elemento. También queda fija al desplazar la ventana.
local: si el elemento tiene barras de desplazamiento  la imagen se desplaza con el contenido al hacer scroll.
.scroll {  
  background-attachment: scroll;
}

.fixed {
  background-attachment: fixed;
}

.local {
  background-attachment: local;
}  
        

Ejemplos

Vea todos estos ejemplos en Codepen:

No hay comentarios.:

Publicar un comentario

Post Top Ad

Your Ad Spot

Páginas