.item{ animation: gelatine 0.5s infinite}@-webkit-keyframes gelatine { from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1);
}
25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1);
}
50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9);
}
75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05);
}
}
1 回答
一只萌萌小番薯
TA貢獻1795條經驗 獲得超7個贊
把動畫時間設置為2.5s,然后前80%不動，后20%做動畫就行了
.item{ animation: gelatine 2.5s infinite}@keyframes gelatine {
80%{ -webkit-transform: scale(1, 1); transform: scale(1, 1);}
85%{ -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1);
}
90%{ -webkit-transform: scale(1, 1); transform: scale(1, 1);
}
95%{ -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9);
}
}- 1 回答
- 0 關注
- 3935 瀏覽
添加回答
舉報
0/150
提交
取消