<分区>
<分区>
您能否仅使用 CSS 将淡入淡出过渡应用于加载时的 div?我有一个 div,它最初应该是透明的,几秒钟后应该变成黄色。我知道可以在状态更改时执行此操作(例如悬停)。谁能帮忙?
干杯
#content {
background-color: #FF0;
height: 100px; width: 100px;
-webkit-transition: background-color 10000ms linear;
-moz-transition: background-color 10000ms linear;
-o-transition: background-color 10000ms linear;
-ms-transition: background-color 10000ms linear;
transition: background-color 10000ms linear;
}
<div id="content"></div>
最佳答案
@keyframes fadeInAnimation{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
#content {
animation-name: fadeInAnimation;
animation-duration: 500ms;
animation-fill-mode: forwards;
background-color: #FF0;
height: 100px; width: 100px;
-webkit-transition: background-color 10000ms linear;
-moz-transition: background-color 10000ms linear;
-o-transition: background-color 10000ms linear;
-ms-transition: background-color 10000ms linear;
transition: background-color 10000ms linear;
关于html - 加载时淡入淡出过渡到 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37884641/