Tuesday 19 November 2013

HOW TO ADD ROTATE EFFECT WITH DROP SHADOW IN BLOGGER POST IMAGES



Hello Friends Today I Am Gonna Show You How To Add Rotate With Shadow Effect In Blogger when cursor go to this Post Images.So Follow My Steps.................................................


Open Your Blogger Account

Click On Template

Click On Edit HTML

                                                                  Now Find The Following Code(ctrl+f)

  ]]></b:skin>

Now Paste The Below Code Before ]]></b:skin>



/* Post Image Shadow Effect by www.smartshivendu.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;
}

0 comments:

Post a Comment