How to Make a Shakepic Effect in a Post Image With HTML Th3safelink
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
Post a Comment