Question

我想创建一个简单的＆＃34; ping＆＃34;在div上发生事件时的功能。例如，如果用户单击div，我希望div快速更改背景颜色，然后慢慢转换回原始颜色。如果可能的话，我想纯粹使用CSS3。

Answer 1

您可以使用transition属性的技巧，以及点击时触发的伪类:active。

在:active伪，将过渡设置为0s，以便立即更改颜色。然后，当它不再被触发时，默认的transition: 1s /*or whatever speed*/将慢慢恢复到原来的颜色。

div {
    width: 100px;
    height: 100px;
    background: silver;
    transition: 1s;
}

div:active {
    background: yellow;
    transition: 0s;
}