效果图
代码
@-webkit-keyframes zy{10% {transform: rotate(15deg); } 20% {transform: rotate(-10deg); } 30% {transform: rotate(5deg); } 40% {transform: rotate(-5deg); } 50%,100% {transform: rotate(0deg); } }
/* 使用 */.content {animation: zy 2.5s .15s linear infinite;animation: zy 2.5s .15s linear infinite;animation: zy 2.5s .15s linear infinite; animation: zy 2.5s .15s linear infinite;}/* 兼容写法 */animation: zy 2.5s .15s linear infinite;-moz-animation: zy 2.5s .15s linear infinite; /* Firefox */-webkit-animation: zy 2.5s .15s linear infinite; /* Safari and Chrome */-o-animation: zy 2.5s .15s linear infinite; /* Opera */