分享一段簡潔的css來快速實(shí)現(xiàn)抖動提醒
?
00:01
?```
/* Standard syntax */
@keyframes shake {
10%, 90% {
transform: translate3d(-1px, 0, 0);
}
20%, 80% {
transform: translate3d(2px, 0, 0);
}
30%, 50%, 70% {
transform: translate3d(-4px, 0, 0);
}
40%, 60% {
transform: translate3d(4px, 0, 0);
}
}
.apply-shake {
animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
}
```
?
00:37
?
?
01:33
?https://gist.github.com/sunzsh
標(biāo)簽：
