嗨,我正在尝试实现CSS动画,我已经实现了@keyframes 但我的动画没有应用到我的 div 上。
我的关键帧是
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
请告诉我哪里错了。
最佳答案
您已经完成了所有操作,但尚未创建将实现动画的类
创建两个css类如下
.fadeIn {
animation-name: fadeIn;
}
.animated {
animation-duration: 1s;
animation-fill-mode: both;
}
animation-name 是示例中关键帧的名称,即 fadeIn。
现在,在您想要实现的 div 中使用这两个类。
希望这有帮助。
关于css - 尝试实现CSS动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50459682/