Can'；t增加：CSS中的活动持续时间

我正在尝试增加CSS:active的持续时间，并找到了这个线程。我尝试了这个，但在我的代码中它不起作用。 这是我的代码：

li{
转换：0s1s；
}
李：主动的：之前{
内容：“你好！”；
z指数：9999999；
位置：固定；
底部：0px；
宽度：100%；
背景：黑色；
文本对齐：居中；
颜色：白色；
填充：10px0；
转换：0s；
}

---

样式此

松开鼠标按钮后，

:active

规则将停止匹配。因此，将删除

：before

您可以渲染块，并在

：active

开始匹配之前不显示它

警告：如果单击

：之前的
：块，其父级也将变为活动状态。
最后，我会选择JavaScript解决方案


li{
转换：0s1s；
}
李：以前{
内容：“你好！”；
z指数：9999999；
位置：固定；
底部：0px；
宽度：100%；
背景：黑色；
文本对齐：居中；
颜色：白色；
填充：10px0；
过渡：1s；
不透明度：0；
}
李：主动的：之前{
显示：块；
不透明度：1；
转换：0s；
}
样式此
技巧不会像您预期的那样工作，因为没有对
li
元素应用转换

您首先需要了解它是如何工作的。下面是一个简单的例子：


.box{
背景：红色；
高度：200px；
转换：0s1s；
}
.box：活动{
背景：绿色；
转换：0s；
]
没有转换…您正在添加一个伪元素，但没有对li进行任何转换。li没有：活动伪类。@如果有，您可以测试代码段，然后查看，我如何增加持续时间：在contentDuration之前，持续时间是什么？它必须从一种样式转换为另一种样式例如
font-size:0
到
font-size:30px
或
opacity:0
到
opacity:1
@AjayMalik你确定这能解决你的问题吗？只应用了一个过渡，持续时间没有增加，但我现在知道如何增加它了，谢谢你给我一个关于动画的想法