如何仅向前进行ccs转换

Question

我有ap从不透明度0变为不透明度1，如果你悬停一个div，我怎样才能使.2s的css过渡仅针对“0到1”不透明度变化而不是“1到0”< / p>

Answer 1

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

HTML

<div></div>

CSS

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

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

演示

http://jsfiddle.net/s2Sb7/