Tag:css animation animation
@-webkit-keyframes Swing {20%, 40%, 60%, 80%, 100% {-webkit-transform-origin:top Center;} 20% {-webkit-transform:rotate (15deg);} 40%{-webkit-transform:rotate ( -10deg);} 60%{-webkit-transform:rotate (5deg);} 80%{-webkit-transform:rotate ( -5deg);} 100%{-webkit-transform:rotate (0DEG);}} @-moz-keyframes Swing {20% {-moz-transform:rotate (15deg);} 40% {-moz-transform:rotate ( -10deg);} 60% {-moz-transform:rotate (5deg);} 80% {-moz-transform:rotate ( -5deg);} 100% {-moz-transform:rotate (0deg);}} @-o-keyframes Swing {20% {-o-transform:rotate (15deg);} 40%{-o-transform:rotate ( -10deg);} 60%{-o-transform:rotate (5deg);} 80%{-o-transform:rotate ( -5deg);} 100%{-o-transform:rotate (0DEG);}} @keyframes Swing {20%{transform:rotate (15deg);} 40% {transform:rotate ( -10deg);} 60%{transform:rotate (5deg);} 80%{transform:rotate ( -5deg);} 100%{transform:rotate (0DEG);}}. Profile Img:hover{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both ;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:0s;-moz-animation-duration:0s;-ms-animation-duration:0s ;-o-animation-duration:0s;animation-duration:0s;-webkit-animation-duration:0.7s;-moz-animation-duration:0.7s;- ms-animation-duration:0.7s;-o-animation-duration:0.7s;animation-duration:0.7s; -webkit-transform-origin:top center;-moz-transform-origin:top Center;-o-transform-origin:top Center; Transform-origin:top Center; -webkit-animation-name:swing;-moz-animation-name:swing;-o-animation-name:swing;animation-name:swing;}
Copyright NOTICE: This article for Bo Master original article, without Bo Master permission not reproduced.
CSS left and right swing animation