Mantenere lo sfondo fisso con i CSS

Una proprietà molto interessante che si può sfruttare con i CSS è il comando

background-attachment: fixed;

che permette di mantenere bloccato lo sfondo ad esempio di una pagina e scorrere tutto il resto.

Ecco un esempio in cui è possibile vedere la scritta che scorre e lo sfondo rimane fisso e centrato. Per realizzarlo è bastato mettere il comando fixed alle proprietà del background del body, la cui immagine di sfondo è il surfista che compie l’evoluzione.

Ovviamente la stessa proprietà potrà essere utilizzata specularmente in ogni componente in cui è possibile inserire uno sfondo.

Comments are closed.