【文件属性】:
文件名称:css-fade:带有动画和过渡的FadeIn和FadeOut
文件大小:3KB
文件格式:ZIP
更新时间:2021-05-14 19:54:02
HTML
CSS淡入淡出
通过动画和过渡淡入和淡出
过渡
可见的
. box {
visibility : visible;
opacity : 1 ;
transition : opacity 0.25 s ;
}
隐
. box {
visibility : hidden;
opacity : 0 ;
transition : visibility 0 s 0.2 s , opacity 0.2 s ;
}
动画片
淡入
. box {
animation-name : fadeIn;
animation-duration : 0.5 s ;
}
@keyframes fadeIn {
1 % {
position : absolute;
top : -9999 px ;
visibility : hidden;
opacity
【文件预览】:
css-fade-main
----index.html(525B)
----animation.html(582B)
----styles()
--------transition.css(203B)
--------animation.css(637B)
--------main.css(279B)
----README.md(976B)
----transition.html(811B)