RETOURNER UNE IMAGE

Dans cet exemple, on pourra remarquer que le CSS n'est pas compris entre deux balises <style></style> mais qu'il est introduit par <style type="text/css"> et, bien entendu, fermé par </style>

CODE

<div id="monlogo"><img alt="logo qui tourne" id="yui_3_5_0_1_1467046737375_24314" src="http://data.over-blog-kiwi.com/1/30/51/51/20160627/ob_ec9a2f_la-chaine-meteo.jpg" />
<style type="text/css">#monlogo  img{
  -webkit-transition:-webkit-transform .9s; // Chrome Safari
  -moz-transition:-moz-transform .9s;       // Mozilla
  -o-transition:-o-transform .9s;           // Opéra
  -ms-transition:-ms-transform .9s;         // IE
  transition:transform .9s;
}
#monlogo  img:hover{
  -webkit-transform:rotate(540deg);
  -moz-transform:rotate(540deg);
  -o-transform:rotate(540deg);
  -ms-transform:rotate(540deg);
  transform:rotate(540deg);
}
</style>
</div>

RESULTAT