css逐渐消失,css如何实现渐渐消失
简单的背景图css实现渐渐消失的⽅法:⾸先⽤“@keyframes”规则和animation属性定义动画;然后在动画开始部分添加“opacity:1;”样式,设置正常状态;最后在动画结束部分添加“opacity:0;”样式,设置完全透明状态,隐藏元素。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。.hideSlow{
background: #a40808;
color: #fff;
多肉植物怎么栽种
补气血的茶animation: hidetip 5s 1;
animation-fill-mode: forwards;
-webkit-animation: showtip 5s 1;
-webkit-animation-fill-mode: forwards;
}
@keyframes hidetip {
小学生国庆节绘画from {
opacity: 1;
}
to {
opacity: 0;保密工作要求
}
}
@-webkit-keyframes hidetip {
from {
opacity: 1;
}
to {鸡胸肉怎么煮
上汤粉丝娃娃菜opacity: 0;
}
城市绿洲花园}