How To Add Rotate Effect With Drop Shadow In Blogger Post Images

 

သူငယ္ခ်င္းတို႔ရဲ႕ဘေလာ့စ္မွာ အခုလိုပံုေလးကိုေမာက္စ္ေလးေထာက္လိုက္တာနဲ႔ ဒီဇိုင္းဆန္းဆန္းကာလာ
ေလးေျပာင္းသြားတာမ်ိဳး ၾကိဳက္တယ္ဆိုရင္ေတာ့ ေအာက္မွာေသခ်ာရွင္းျပထားပါတယ္။ ဘာမွမခက္ပါဘူး။
ပထမဆံုး Template ကိုသြားလိုက္ပါ။



  ျပီးရင္ Edit HTML

  ေအာက္က Code ကိုရွာလိုက္ပါ။

]]></b:skin>

 ေတြ႕ရင္ေအာက္က Code ကိုကူးျပီး  ]]></b:skin> 
အေပၚမွာထည့္ေပးလိုက္ပါ။


/* Post Image Shadow Effect by www.showmedreams.blogspot.com */
.post img:hover {
-moz-transform: scale(1.2) rotate(-350deg);
-webkit-transform: scale(1.2) rotate(-350deg);
-o-transform: scale(1.2) rotate(-350deg);
-ms-transform: scale(1.2) rotate(-350deg);
transform: scale(1.2) rotate(-350deg);
-webkit-box-shadow: 0 0 20px #FF0000;
-moz-box-shadow: 0 0 20px #FF0000;
box-shadow: 0 0 20px #FF0000;
}

Posted in: ဘေလာ့နည္းပညာ