giovedì 14 febbraio 2013

Rotazione di immagine in CSS3


Un altro metodo per ruotare una immagine e' quello di utilizzare CSS3 con le proprieta' di rotazione delle immagini.
Questo metodo ha il problema che non tutti i browser supportano il medesimo set di modificatori (nell'esempio e' stato usato il metodo per i browser derivanti da WebKit)


-----------------------------------------------
<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:160px;
height:160px;
background-image:url('http://junefabrics.com/images/android160.jpg');

-webkit-transform:rotate(45deg); /* Safari and Chrome */
}
</style>
</head>
<body>

<div></div>

</body>
</html>
-------------------------------------------------

Nessun commento:

Posta un commento

Frecce tricolore Firenze 18 aprile 2026