我有一个包含图像的 div。目前我使用 CSS3 动画来淡化它,但性能很糟糕。
我很确定我应该使用过渡。问题是我找不到一个不是由悬停触发的示例。
我怎样才能使页面加载时,在延迟 2 秒后,图像/div 从 0% 淡入?
目前,正如我在动画中所说,我有:
@-webkit-keyframes fadetime {
from {
opacity: 0;
}
50% {
opacity: 0;
}
to {
opacity: 1;
}
}
有什么想法吗?谢谢。
最佳答案
@-webkit-keyframes FadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
.object {
-webkit-animation-name: FadeIn;
-webkit-animation-timing-function: ease-in;
-webkit-animation-duration: 3s;
}
关于animation - 使用 CSS3 使图像/div 淡入淡出,而不使用悬停,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3296023/