کد اسکریپ کج شدن آهسته تصویر عکس با سایه

  
<style>
img { border-radius: 4px;
border: 1px solid #fff;
max-width: 480px;
margin: 2px;
padding:0px; float:center;
filter:alpha(opacity=100);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-webkit-transition:all 0.4s ease-in;
-moz-transition:all 0.4s ease-in;
-o-transition:all 0.4s ease-in;
transition:all 0.4s ease-in;
opacity:1.0;
}
img:hover{ border-radius: 7px;
border: 1px solid #000;
max-width: 480px;
margin: 2px;
padding:0px; float:center;
filter:alpha(opacity=40);
opacity:0.4;
-moz-border-radius:6px;-webkit-border-radius:6px;
box-shadow: 10px 10px 5px #000;
-webkit-transition:all 0.4s ease-in;
-moz-transition:all 0.4s ease-in;
-o-transition:all 0.4s ease-in;
transition:all 0.4s ease-in;
}
img:hover{
opacity:1;filter:alpha(opacity=100);
-webkit-transform: rotate(-4deg);
-moz-transform: rotate(-4deg);

}
img:out{
opacity:1;filter:alpha(opacity=100);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);

}

</style>
<P><A href="http://webiha-pix.mihanblog.com" target=_blank><SPAN
style="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONT
color=#ff99cc>کد ِکج شدَنِ تَصآویر
</FONT></SPAN></A></P>
<P><A href="http://online3da.ir" target=_blank><SPAN
style="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONT
color=#ff99cc>کداهنگ برای وبلاگ
</FONT></SPAN></A></P>