Le code comprend des codes de positionnement pour que l'image et son reflet se trouve au bon emplacement dans la page et l'une par rapport à l'autre; cela complique un peu le code mais la grande "finesse" est le scale (-0.5)
le code...
<p><img src="http://www.millan.net/anims/giffar/hothot.gif" style="margin: 10px 0px 0px 100px;" /></p>
<p class="dev" style="width: 182px; height: 154px; float: left; clear: both; margin: -45px 0px 0px 35px;">
    <img src="http://www.millan.net/anims/giffar/hothot.gif" />
  </p>
<style type="text/css"><!--
.dev {
   -moz-transform: scaley(-0.5) skew(45deg);
   opacity:0.5;
}
--></style>