First of all to find a place to modify the code in your template, the main CSS or placed at
EMLOG template location: / content / templates / your template name /
find style.css the following code into the bottom of the can!
- img:hover {
- -webkit-animation:sucaijiayuan 1s .1s ease both;
- -moz-animation:tada 1s .1s ease both;
- }
- @-webkit-keyframes sucaijiayuan {
- 0% {
- -webkit-transform:scale(1)
- }
- 10%, 20% {
- -webkit-transform:scale(0.8) rotate(-2deg)
- }
- 30%, 50%, 70%, 90% {
- -webkit-transform:scale(1.1) rotate(2deg)
- }
- 40%, 60%, 80% {
- -webkit-transform:scale(1.1) rotate(-2deg)
- }
- 100% {
- -webkit-transform:scale(1) rotate(0)
- }