css - CSS 悬停替代（自动）

Question

我的 CSS 必须使用过渡来更改，直到现在我都使用div:hover它。

当您单击另一个时需要激活过渡div，而不是当您将鼠标悬停在div必须移动/更改的 时。

我怎样才能做到这一点 ？

谢谢

翻转

Answer 1

您无法使用 css 处理 dom 元素上的点击事件，您需要为此使用 javascript。

您可以将单击事件添加到单击它时触发的第一个 div。在事件中，您选择另一个 div，并进行转换。

工作演示

您可以通过添加具有 css 转换的类来做到这一点：

html:

<div id="clickme">1</div>
<div id="changeMe">2</div>

Javascript：

var el = document.getElementById('clickme');

el.onclick = function() {
    document.getElementById('changeMe').className = "transition";
};

CSS：

.transition{
   /* transition css */
}