我遇到过"问题"尝试使用不透明度的CSS转换淡入/淡出视频时。转换完成后,视频会闪烁几分之一秒。此效果仅发生在Chrome中,它可以在其他浏览器中正常运行。您可以在此处查看一个有效的示例:https://jsfiddle.net/bx2ar546/1/
单击转换按钮后,闪烁发生在动画结束处。
相关的CSS:
video { width:640px; height:360px; position:absolute; left:0; top:0; transition:opacity 1s ease-out; }
video:not(.active) { opacity:0; transition-duration:.5s; }
有没有人知道是否有针对此的解决方法?