如何仅向前进行 ccs 过渡

Question

如果将 div 悬停，我有 ap 从不透明度 0 更改为不透明度 1，如何仅针对“0 到 1”不透明度变化而不是“1 到 0”进行 .2s 的 css 转换

Answer 1

您可以通过仅将过渡 CSS 添加到悬停状态 CSS 来实现。

HTML

<div></div>

div {
    width: 100px;
    height: 100px;
    background: green;
}

div:hover {
    opacity: 0;
    transition: opacity .2s;
}