peyton Blog
查看源码 (opens new window)
查看源码 (opens new window)
  • Interview
2021-12-17

错误提示

# 错误提示的抖动效果

.around{
animation: move  1.5s  0s  2;
-webkit-animation:move  1.5s  0s  2;;
transform-origin: bottom;
-webkit-transform-origin: bottom;
}

@keyframes  move { 
0%,65% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
}
75% {
-webkit-transform: rotate(-6deg);
transform: rotate(-6deg);
} 
80% {
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
}
85% {
-webkit-transform: rotate(-6deg);
transform: rotate(-6deg);
}
90% {
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
}
95% {
-webkit-transform: rotate(-6deg);
transform: rotate(-6deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}

@-webkit-keyframes  move {
0%,
65% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
}
75% {
-webkit-transform: rotate(-6deg);
transform: rotate(-6deg);
}
80% {
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
}
85% {
-webkit-transform: rotate(-6deg);
transform: rotate(-6deg);
}
90% {
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
}
95% {
-webkit-transform: rotate(-6deg);
transform: rotate(-6deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
修改页面 (opens new window)
Last Updated: 12/20/2021, 5:53:52 AM
最近更新
01
02
03
css垂直居中
12-17
更多文章>
Theme by Vdoing
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式