Share Code Hiệu Ứng Rung Ảnh Khi Trỏ Chuột Vào Ảnh +1

Code này làm rung ảnh khi chạm hoặc rê chuột vào ảnh...
Rung tất cả hình ảnh nhìn rất đẹp mắt
Các bạn chỉ việc chèn css vào wap bạn là sử dụng được..
@-webkit-keyframes spaceboots {<br /> 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }<br /> 10% { -webkit-transform: translate-3 rotate-1; }<br /> 20% { -webkit-transform: translate-3 rotate(1deg); }<br /> 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }<br /> 40% { -webkit-transform: translate0 rotate(1deg); }<br /> 50% { -webkit-transform: translate-1 rotate-1; }<br /> 60% { -webkit-transform: translate-3 rotate(0deg); }<br /> 70% { -webkit-transform: translate(2px, 1px) rotate-1; }<br /> 80% { -webkit-transform: translate-2 rotate(1deg); }<br /> 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }<br /> 100% { -webkit-transform: translate-1 rotate-1; }<br /> }<br /> img{-webkit-filter:grayscale(0);display:inline-block;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .7s ease-in-out}<br /> img:hover{-webkit-filter:grayscale(0)}<br /> img:hover,img:focus{-webkit-animation-name:spaceboots;-webkit-animation-duration:.8s;-webkit-transform-origin:50% 50%;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear}