WebKit动画开始

Question

我已经设置了WebKit关键帧：hover和element正在转换它应该。当用户从元素中移除鼠标光标时，应该激活反转效果（基本上是onmouseover和JS中的onmouseout）。

所以我创建了反向关键帧并将它们放在默认的CSS选择器中。问题是这些关键帧在页面加载时激活，但是只有当你从元素中移动鼠标时我才需要激活它们。

是否还需要设置其他属性，或者这只能用JS实现吗？

编辑：这是JSFiddle测试用例（在WebKit中查看，当然）：http://jsfiddle.net/nkEwQ/

Answer 1

没有JS： 已从-webkit-animation-name:bouncedown;移除#button，
将其替换为-webkit-transition: all .5s ease-in-out;
（不能获得漂亮的弹跳效果，但它会回到正方形） http://jsfiddle.net/SebastianPataneMasuelli/nkEwQ/7/

使用JS 我从#button删除了动画，创建了一个处理webkit动画（.active）的类，并使用jQuery在按钮鼠标悬停上添加了该类。

这样，＃button在加载时没有动画，但是当用户将鼠标悬停在它上面时，动画声明会被添加到它。

在此处查看：http://jsfiddle.net/SebastianPataneMasuelli/nkEwQ/5/

Answer 2

仅限JS。因为除了之外没有其他伪类 ：活性， ：焦点， ：第一个孩子， ：徘徊， ：郎咸平， ：链接， ：访问