Html CSS转换：缩放（0.001）有效，但缩放（0.0）无效'；T

我正在制作一个网站，有一个可以做CSS转换的形状。在我目前正在进行的转换过程中，发生了一些奇怪的事情。如果我放置transform:scale（0.001），过渡将在一秒钟内按预期进行，但是如果放置scale（0.0），元素将消失，没有动画。测试在铬btw

为什么会这样？为什么缩放（0.0）不起作用？谢谢你的帮助

下面是相关的CSS类

.blue.centred {  
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1.0s, 1.0s;
    -webkit-transition-delay: 0.0s, 0.0s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-property: -webkit-transform;
    -moz-transition-duration: 1.0s , 1.0s;
    -moz-transition-delay: 0.0s, 0.0s;
    -moz-transition-timing-function: ease-out;
    -ms-transformtransition-property: -webkit-transform;
    -ms-transformtransition-duration: 1.0s, 1.0s;
    -ms-transformtransition-delay: 0.0s, 0.0s;
    -ms-transformtransition-timing-function: ease-out;
    transition-property:  transform;
    transition-duration: 1.0s, 1.0s;
    transition-delay: 0.0s, 0.0s;
    transition-timing-function: ease-out;
    transform: rotate(-180deg) scale(0.001);
}

---

我认为比例（0.0）没有问题。我更改了您的代码，删除了供应商前缀和转换的双属性（尽管只有一个），并使用：hover作为转换目标。将鼠标悬停在“文本”上以触发转换

h1{
轮廓：1px纯红；
变换：旋转（0度）比例（1.0）；
}
h1：悬停{
过渡性质：变换；
过渡时间：1s；
转换延迟：0.0s；
过渡定时功能：缓解；
变换：旋转（-180度）比例（0.0）；
}

上面的

文本
下面

很抱歉，这里没有足够的信息来重现您的问题。另外，您只需要一个零：）将鼠标悬停在

h1

的中心，即可获得最佳体验：）。