請問如何給一個div加載2個動畫用css3
2 回答
繁花如伊
TA貢獻2012條經驗 獲得超12個贊
<img src="1.png" class="a1" />
第一一秒的透明度動畫，第二是延遲一秒的一秒循環位移動畫
.a1 {
animation: a1 1s,a2 1s infinite 1s;
}
@keyframes a1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes a2 {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-20%);
}
100% {
transform: translateY(0);
}
}
- 2 回答
- 0 關注
- 10399 瀏覽
添加回答
舉報
提交
取消