Filoweb.it

ESEMPIO TRANSIZIONE MULTIPLA


FB TW Pinterest whatsapp RSS FEED News letter
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;

}
FB TW Pinterest whatsapp RSS FEED News letter

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.
FILOWEB.it Piccolo quaderno degli appunti. Argomento: CSS webkit, Titolo:ESEMPIO TRANSIZIONE MULTIPLA. Altri script riguardano: CSS, Jscript, .net, Classic Asp, HTML, Jquery, varie, url rewrite, pagina protetta da password, ecc. Altro su https://www.filoweb.it