css鼠标点击特效

Question

请问用css如何实现鼠标点击过后产生位移的效果，用“:active”只能实现鼠标激活时的效果，释放之后就恢复了。

Answer 1

这样的需要进行javascript操作

Answer 2

你要是写过纯css实现下拉菜单，就知道这很简单了。当然这个是有兼容性问题的。

<style>
input{display:none}
input:checked+label{margin-left:100px}
</style>
<div>
<input type="checkbox" id="chk"><label for="chk">click me</label>
</div>