界面淡入
@keyframes fade-in {
0% {
opacity: 0;
} /初始状态 透明度为0/
40% {
opacity: 0;
} /过渡状态 透明度为0/
100% {
opacity: 1;
} /结束状态 透明度为1/
}
@-webkit-keyframes fade-in {
/针对webkit内核/
0% {
opacity: 0;
}
40% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#wrapper {
animation: fade-in; /动画名称/
animation-duration: 1.5s; /动画持续时间/
-webkit-animation: fade-in 1.5s; /针对webkit内核/
}
2020-10-29
最新推荐文章于 2022-12-20 17:09:17 发布