How to add Tilting effect in Images of Blogger

How to add this effect to all your images in you blog and also to the images you're gonna post.

• Go To Blogger >>> Design>>>Edit HTML
• CTRL + F To Find ]]></b:skin>
• Copy n Paste Below Code Just Above/Before ]]></b:skin>

.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);
}

Now Save Your Template
Go For Demo