Membership index

NOTA: I download riservati ai membri possono essere effettuati anche senza registrazione con una piccola donazione a sostegno del sito.

Lista delle risorse scaricabili con donazione

Il background non è soltanto da intendersi come sfondo del sito web, ma può essere anche lo sfondo di un qualsiasi div contenitore.
Il background arricchisce e valorizza la grafica, aggiunge prospettiva, riempie pagine con poco contenuto e può dare anche movimento.
Qui troverai una serie di soluzioni per creare dei background interessanti.
Leggi anche: Il background.
NOTA: per provare i codici, puoi utilizzare l'HTML Editor.

ATTENZIONE: Non dimenticate di aggiungere i vendor prefixes ai codici css di base.

---

Static background

Sfondi statici

Backgrounds created using style rules - HTML, CSS

Sfondi creati con le regole di stile - HTML, CSS

Preview + code

Background image with centered title - HTML, CSS

Sfondo immagine con titolo centrato - HTML, CSS

Preview + code

Background image with text - HTML, CSS

Sfondo immagine con testo - HTML, CSS

Preview + code

Positioning a background image - HTML, CSS

Posizionamento di un'immagine di sfondo - HTML, CSS

Preview + code

Animated background

Sfondi animati

Background image that changes - HTML, CSS

Sfondo immagine che cambia - HTML, CSS

Preview + code

Background image that changes - HTML, CSS, JS

Sfondo immagine che cambia - HTML, CSS, JS

Preview + code

Background image that changes with centered title - HTML, CSS

Sfondo immagine che cambia con titolo centrato - HTML, CSS

Preview + code

Background image that changes onmouseover with centered title - HTML, CSS

Sfondo immagine che cambia onmouseover con titolo centrato - HTML, CSS

Preview + code

Background that changes color with centered title - HTML, CSS

Sfondo che cambia colore con titolo centrato - HTML, CSS

Preview + code

Background animated gradient with centered title - HTML, CSS

Sfondo gradiente animato con titolo centrato - HTML, CSS

Preview + code

Disappearing background image - HTML, CSS

Sfondo immagine che scompare - HTML, CSS

Preview + code

Scrolling background - HTML, CSS

Sfondo che scorre in diverse direzioni - HTML, CSS

Preview + code

2a-Animated backgrounds svg - HTML, CSS

2a-Sfondi animati svg - HTML, CSS

Preview + download

Membership index