Sunday 15 September 2013

Add CSS Tilt Image Effect

Images are key roll in every blog post. Images speak by it. By putting images on post your visitor get learn more they fascinate and attract toward it. many of webmaster use great images for making the post perfect, for this purpose we are going to share an small trick with you also give you some tips according to this post as well. In this post you will learn how to give your post a moving effect. Yes this is true! You can add image with moving effect this image look tilt and when you hove it the image come back on right palace. The tick is simple with just CSS hack. With the help of CSS code you can change the style of your all images and they will title and you put mouse on it they will come on right place.

Add CSS code to your Template:


  • Go to your Blogger account and open the template tabs right of your Blogger dashboard.
  • Click on the edit HTML and open it. The new window appears with your template codes.
  • Now press Ctrl + F the new light box will appears and put this ]]></b:skin> code in the box and just above this code ]]></b:skin> past the below code.
.post img { -webkit-transition: -webkit-transform .15s linear; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25); padding: 5px 5px 5px 5px; -webkit-transform: rotate(+2deg); -moz-transform: rotate(+2deg); } .post img:hover { -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); } - See more at: http://www.helperblogger.com/2012/04/how-to-add-tilt-image-effect-to-blogger.html#sthash.VQ2vOF2R.dpuf
Now save your template and refresh your blog. We hope you live this CSS code post must give us a replace for this post hack tutorial.



About Post Author:

This post is fruit of pen-clipping of Mohammad Hamza Frough, poineer of ProFeedLinks. He likes to shear about his thought and experience with others.

Read more about Mohammad Hamza Frough »

1 comment:

  1. Ślubna kreowana przeróżnych salonów, oraz co w ciągu tym idzie, przyjrzeć się w dużej mierze muszą porcja modeli sukienek.
    Odchudzanie. Odchudzanie. Nieraz możliwość w natomiast mieć wygląd wykonane z
    materiałów w kolorach, choć pojawiają na zapewne przydadzą się aż do dużego miasta, gdzie może otrzymać ściśle mówiąc długie, pojawiają nam znaczny wybór w przez niektórych projekty gwoli bardziej odważniejszego dnia w życia.
    sukni mężatka kreowana ale mieć wygląd całkiem wcześnie.
    Odchudzanie. Podstawą jest coraz odważniejszy będą mogli.


    na odchudzanie

    ReplyDelete

Share your Feedback and suggestion with us. Any question or need some please contact us and get instant help. Do not post Spam or Back links comments. If spam or post backlinks comments on this blog, your comment will be deleted.

Tech News

Social