CSS hover picture jitter effect

time:17-06-02 forum:HTML web page, JS language and code
  Https://www.inlojv.com/2915.html

CSS stylesheet file
[code].lt; style type=.quot; text/css.quot;.Gt;
.jv_img_shake img:hover{-webkit-animation:. 10%, 20%{-webkit-transform:scale (0.9) rotate (-3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale (1.1) rotate (3deg);}
40%, 60%, 80%{-webkit-transform:scale (1.1) rotate (0); 1; 1; 1 20%{-moz-transform:scale (0.9) rotate (-3deg);}
30%, 50%, 70%, 90%{-moz-transform:scale (1.1) rotate (3deg);}
40%, 60%, 80%{-moz-transform:scale (1.1) rotate (0); 00ms.1s ease both; -moz-animation: flipInY 300ms.1s ease both;}
@-webkit-keyframes. />100%{-webkit-transform:perspective (400px) rotateY (0DEG);
opacity:1;}}
@-moz-keyframes flipInY{0%{-moz-transform:perspective (400px) rotateY (90DEG); R />100%{-moz-transform:perspective (400px) rotateY (0DEG);
opacity:1;}}
.lt; /style.gt; [/code]

prev:Chinese fashion granny rides Harley over... next:JS control
post comment
Notice



approved   Do you remember those "made in Ji'na...   Ji'nan's Daming Lake scenic area is ...   Ji'nan free Scenic Area   What is the living condition of the ...   The family photo played by their par...
rand   JS Window.Open open window detailed ...   Utility tools or components, framewo...   Prevent other people from saving web...   5 debug skills necessary for JavaScr...   Several common JavaScript obfuscatio...
ads

other

Because all the contents of this site are reproduced from other media, the intention is to provide free services to the public, but it does not mean that this site agrees with its views, and can not be responsible for the authenticity of its verification, such as the copyright unit or individual of the manuscript does not want to publish on this site, please Contact me, I will immediately remove it, thank you. Contact: atseashawk@163.com