Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/447.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript淡出效果不能使图像消失_Javascript_Html_Css - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript淡出效果不能使图像消失

Javascript淡出效果不能使图像消失

javascript html css

Javascript淡出效果不能使图像消失,javascript,html,css,Javascript,Html,Css,我可以在图像上进行淡出效果，但是，效果之后，图像仍然显示在屏幕上。我想让它显示：无在2s淡出效果后。怎样才能做到呢 document.getElementById（“imgX”）.style.animation=“fadeout 2s” @关键帧淡出{ 从{opacity:1；} 到{不透明度：0；} } /*Firefox12.1*/ @-webkit关键帧淡出{ 从{opacity:1；} 到{不透明度：0；} } /*Internet Explorer*/ @-ms关键帧淡出{ 从{op

我可以在图像上进行淡出效果，但是，效果之后，图像仍然显示在屏幕上。我想让它
显示：无在2s淡出效果后。怎样才能做到呢



document.getElementById（“imgX”）.style.animation=“fadeout 2s”

@关键帧淡出{
从{opacity:1；}
到{不透明度：0；}
}
/*Firefox<16*/
@-moz关键帧淡出{
从{opacity:1；}
到{不透明度：0；}
}
/*Safari、Chrome和Opera>12.1*/
@-webkit关键帧淡出{
从{opacity:1；}
到{不透明度：0；}
}
/*Internet Explorer*/
@-ms关键帧淡出{
从{opacity:1；}
到{不透明度：0；}
}
/*歌剧<12.1*/
@-o-关键帧淡出{
从{opacity:1；}
到{不透明度：0；}
}


添加
转发


document.getElementById("imgX").style.animation = "fadeout 2s forwards";


添加到动画声明中


document.getElementById（“imgX”）.style.animation=“淡出2s向前”

@关键帧淡出{
从{opacity:1；}
到{不透明度：0；}
}
/*Firefox<16*/
@-moz关键帧淡出{
从{opacity:1；}
到{不透明度：0；}
}
/*Safari、Chrome和Opera>12.1*/
@-webkit关键帧淡出{
从{opacity:1；}
到{不透明度：0；}
}
/*Internet Explorer*/
@-ms关键帧淡出{
从{opacity:1；}
到{不透明度：0；}
}
/*歌剧<12.1*/
@-o-关键帧淡出{
从{opacity:1；}
到{不透明度：0；}
}