使用遮罩时儿童的背面可见性

问题描述

当我在 div 上使用掩码时，我无法为它的子项隐藏 backface-visibility。这是一个示例，其中文本 Hello 在其父级旋转时没有变成 hidden。我该如何解决？

#div1 {
    width: 100px;
    height: 100px;
    background: red;
    position: relative;
    -webkit-animation: mymove 3s infinite;
    animation: mymove 3s infinite;
  transform-style: preserve-3d;
  -webkit-mask-image: -webkit-gradient(
    linear,left top,right bottom,color-stop(0.00,rgba(0,1)),color-stop(0.35,color-stop(0.50,0)),color-stop(0.65,color-stop(1.00,0)));
}
@keyframes mymove {
  0% {transform:rotateY(0deg);}
  100% {transform:rotateY(360deg);}
}

<div id="div1" style="backface-visibility: visible;">
  <p style="backface-visibility: hidden;">HELLO</p>
</div>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）