How to Make a Shakepic Effect in a Post Image With HTML Th3safelink

How to Create a Shake and Shadow effect on Image Posting - Inserting images in a blog post is the most important part that must be understood by all bloggers, especially for a novice blogger.
On this occasion I would like to share a Tutorial on How to Create the Shake and Shadow effect on Image Posting . Actually the original style is good, but when modified it is definitely more unique and interesting. Just go to the Tutorial.


How to Make a Shakepic Effect in a Post Image With HTML Th3safelink :

1. First open the Theme and Edit HTML .
2. Press Ctrl+F then copy the CSS code below  ]]></b:skin>  and press save theme .

.post-body a img{box-shadow: 0px 0x 6px rgba(0, 0, 0, 0, 5);
border-radius:10px;}
.post-body a img:hover{
animation:ignielShake 0.82s cubic-bezier(.36,.07,.19,.97) both;
transform:translate3d(0, 0, 0);
backface-visibility:hidden;
perspective:1000px}
@keyframes ignielShake{
10%,90%{transform:translate3d(-1px,0,0)}
20%,80%{transform:translate3d(2px,0,0)}
30%,50%,70%{transform:translate3d(-4px,0,0)}
40%,60%{transform:translate3d(4px, 0, 0)}}
@-webkit-keyframes ignielShake{
10%,90%{transform:translate3d(-1px,0,0)}
20%,80%{transform:translate3d(2px,0,0)}
30%,50%,70%{transform:translate3d(-4px,0,0)}
40%,60%{transform:translate3d(4px,0,0)}}

3. The results will be like this

Result