Filoweb.it

ESEMPIO TRANSIZIONE MULTIPLA

home menu Gallery Roberto contatti

CSS webkit

ESEMPIO TRANSIZIONE MULTIPLA

 
		#resizable div {

    padding: 5px 10px;

    border: 1px #999 solid;

    height: 40px;

    width: 300px;

    background-color: red;

    -webkit-transition: height 0.3s ease-in-out, background-color 0.3s;

    -o-transition: height 0.3s ease-in-out, background-color 0.3s;

    -moz-transition: height 0.3s ease-in-out, background-color 0.3s;

    transition: height 0.3s ease-in-out, background-color 0.3s;

}



#resizable div:hover {

    background-color: blue;

    height: 100px;

    -webkit-transition: height 0.6s ease-in-out, background-color 0.6s;

    -o-transition: height 0.6s ease-in-out, background-color 0.6s;

    -moz-transition: height 0.6s ease-in-out, background-color 0.6s;

    transition: height 0.6s ease-in-out, background-color 0.6s;

}

↑
filoweb.it è il sito personale di Filippo Brunelli
(c) 2017 Filippo Brunelli
Le immagini ed i testi contenuti nel sito filoweb.it sono di proprietà di Filippo Brunelli salvo diversamente indicato.
L'uso delle immagini e del testo è gratuito per uso personale ed è subbordinato alla citazione della fonte.
Brunelli Filippo declina ogni responsabilità per l'uso che viene fatto delle informazioni presenti nel sito filoweb.it.

La tua privacy è importante
Utilizziamo, senza il tuo consenso, SOLO cookies necessari alla elaborazione di analisi statistiche e tecnici per l'utilizzo del sito. Chiudendo il Cookie Banner, mediante il simbolo "X" o negando il consenso, continuerai a navigare in assenza di cookie di profilazione. More info

Tutti
Cookie tecnici
I cookie tecnici sono necessari al fine di "effettuare la trasmissione di una comunicazione su una rete di comunicazione elettronica, o nella misura strettamente necessaria al fornitore di un servizio della società dell'informazione esplicitamente richiesto dal contraente o dall'utente a erogare tale servizio" (art. 122, comma 1 del Codice privacy).
Cookie analitici di terze parti
I cookie analytics sono utilizzati al fine di valutare l'efficacia di un servizio della società dell'informazione fornito da un titolare di un sito, per progettare un sito web o contribuire a misurare il "traffico" di un sito web, ovvero il numero di visitatori ripartiti per area geografica, fascia oraria della connessione o altre caratteristiche.
Cookie di profilazione
Sono cookie che creano profili personalizzati relativi all'utente per finalità di marketing, ad esempio il retargeting o advertising sui social network.

Accetto Chudi