Allineare un’immagine nel backgorund

Allineare un’immagine nel backgorund

marzo 16, 2018 Non attivi Di Turgut K.
I nostri sponsor
Tempo di lettura: 1 minuto

La proprietà CSS di dimensioni in background specifica la dimensione dell’immagine di sfondo di un elemento. L’immagine può essere lasciata alle sue dimensioni naturali, allungata a una nuova dimensione, o vincolata per adattarsi allo spazio disponibile preservando le sue proporzioni statistiche.

Osserviamo insieme alcuni esempi e codici css che ci possono aiutare nel piazzare l’immagine nel nostro sfondo.

background-size: contain;

Ci permette di inserire l’immagine nelle sue dimensioni naturali.

I nostri sponsor

background-size: contain;
background-repeat: no-repeat;

Questo codice invece ci permette di piazzare il nostro immagine con le sue dimensioni naturali, ma il codice no-repeat; blocca la proiettazione dell’immagine più di una volta.

background-size: cover;

Questo invece ci permette di piazzare l’intera immagine nella nostra piazza disponibile, ovviamente piu si ha un televisore grande e più brutto sarà da vedere. Questo metodo vengono utilizzare per le pubblicità a grandi dimensioni nel background.

background-size: 30%;

il codice size: 30% ci permette di visualizzare l’immagine ad un percentuale di grandezza a nostro gradimento.

background-size: 200px 100px;

Per avere due immagine piazzate nell’intera facciata con le dimensioni naturali ma restringendo per permettere una grafica fuori dimensione (sconsigliato)

79 Visite totali, 1 visite odierne

I nostri sponsor