Filoweb.it

Ruotare una immagine o testo con webkit Transform sull over


FB TW Pinterest whatsapp RSS FEED News letter
CSS webkit
Ruotare una immagine o testo con webkit Transform sull over


<title>Documento senza titolo</title>

<style type=" text/css" >

.prova {

-webkit-transform: rotate(100deg) scale(.10);

-moz-transform: rotate(100deg) scale(.10);

-ms-transform: rotate(100deg) scale(.10);

-o-transform: rotate(100deg) scale(.10);

transform: rotate(100deg) scale(.10);

-webkit-transition: all .15s ease-in-out 0s;

-moz-transition: all .15s ease-in-out 0s;

-ms-transition: all .15s ease-in-out 0s;

-o-transition: all .15s ease-in-out 0s;

transition: all .15s ease-in-out 0s;

}



.prova:hover {

-webkit-transform: rotate(0deg) scale(0.50);

-moz-transform: rotate(0deg) scale(0.50);

-ms-transform: rotate(0deg) scale(0.50);

-o-transform: rotate(0deg) scale(0.50);

transform: rotate(0deg) scale(0.50);

}



</style>

</head>



<body>

<div class=" prova" > test <img src=" mediaaerei/1M544C5ZKL.jpg" width=" 600" height=" 515" /></div>

</body>
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:Ruotare una immagine o testo con webkit Transform sull over. Altri script riguardano: CSS, Jscript, .net, Classic Asp, HTML, Jquery, varie, url rewrite, pagina protetta da password, ecc. Altro su https://www.filoweb.it