1答恶、轉(zhuǎn)動效果
animation: amountRotate 10s linear infinite;
@keyframes amountRotate {
from {
transform: translate(0) rotate(0deg);
}
to {
transform: translate(0) rotate(360deg);
}
}
2、心跳動畫
animation: scaleDraw 3s ease-in-out infinite;
// 放大縮小
@keyframes scaleDraw {
0%{
transform: scale(1);
}
25%{
transform: scale(1.1);
}
50%{
transform: scale(1);
}
75%{
transform: scale(1.1);
}
}
3斋扰、往復(fù)動畫
animation: amountOne 10s linear infinite;
@keyframes amountOne{
0% {
transform: translate(0) rotate(0deg);
}
50% {
transform: translate(0) rotate(45deg);
}
100% {
transform: translate(0) rotate(0deg);
}
}
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者