کد افکت گذاری بر روی عکس های وبلاگ و سایت ... 4.كج شدن آهسته تصویر با سایه

<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>