具有不透明度0的图像是否会被渲染？

Question

我想知道你的手机/网页浏览器是否会呈现不透明度为0的图像。 我有一个应用程序可以快速创建大量图像 当我使用转换并将我的不透明度设置为0.5时，它会使用不透明度0并且当它使用不透明度时它不会拉扯。 所以我假设不透明的图像0根本没有呈现。

javascript代码：

     function transitionImage(trans, x, y) {   //trans is an image            
          image.style.transition = "transform 1000ms ease-in, opacity 500ms ease-in 500ms";
          image.style.transform="translate("+x+"px, "+y+"px)";
          image.style.opacity="0";  //or 0.5
     }

转换后我是否需要使用不透明度0删除我的图片，或者是否有必要？

Answer 1

<强>更新

请参阅Callback when CSS3 transition finishes获取完整答案

现代网络浏览器使用GPU渲染网页的部分内容，尤其是带动画的网页。我认为你的理论是正确的，因为当不透明度设置为0时你的GPU将无法渲染。

我认为更好的解决方法是在未显示display:none;而不是opacity:0的情况下设置{{1}}。