html – CSS转换0s(零秒)不起作用？

我想避免对元素的一些过渡效果(例如：不透明度).我应该使用不透明度0,因为这应该是默认值,换句话说,转换对此没有影响.但它不是这样的.这是我试过的：

div {
    width: 100px;
    height: 100px;
    opacity: 0.5;
    background: red;
    -webkit-transition: all 2s,opacity 0s;
    transition: all 2s,opacity 0s;
}

div:hover {
    width: 300px;
    opacity: 1;
}

<div></div>

div {
    width: 100px;
    height: 100px;
    opacity: 0.5;
    background: red;
    -webkit-transition: all 2s,opacity 0.1s;
    transition: all 2s,opacity 0.1s;
}

div:hover {
    width: 300px;
    opacity: 1;
}

<div></div>

但是,如果0的不透明度变为0.1秒,它将起作用(持续时间为0.1秒),是否有办法以某种其他方式“禁用”动画,因此它可以在没有任何小值的情况下工作0.1S？

解决方法

这是一个解决方案

过渡：全部2s,不透明度1ms;

由于0s是无效的时间(我不知道为什么会这样).对于人眼而言,1ms是非常小的时间,可能为0.

对于您当前的问题,您还可以使用过渡：宽度2s,仅适用于宽度.