افکت گذاری عکس::کج شدن آهسته تصویر با سایه

با سلام خدمت شما عزیزان خوش آمدین ب ناب ترین وبسایت خودتون.

عزیزان در ادامه کدهای افکت گذاری و در سومین کد برای شما سروران

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

امیدوارم مورد استفاده قرار بگیره .برای دریافت کد بریم ب ادامه مطلب.

یا حق

<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://nabtarin.blog.ir" target=_blank><SPAN
style="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONT 
color=#ff99cc>ابزار وبمستری :: ناب ترین 
</FONT></SPAN></A></P>
<P><A href="http://nabtarin.blog.ir" target=_blank><SPAN
style="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONT 
color=#ff99cc><img src="http://8pic.ir/images/jzzt2ued6ars0jrhu6ps.png"/
ابزار زیبا ساز :: ناب ترین
</FONT></SPAN></A></P>