完成CSS 3转换后的回调

Question

完成CSS 3转换后的回调

我希望淡出一个元素(将其不透明度转换为0)，然后在完成后从DOM中删除该元素。

在jQuery中，这是直接的，因为您可以指定动画完成后发生的“删除”。但是，如果我希望使用CSS 3进行动画化，是否需要知道过渡/动画何时完成？

Answer 1

另一种选择是使用jQuery传输框架处理CSS 3转换。这些转换/效果在移动设备上表现良好，您不需要在CSS文件中添加一行混乱的CSS 3转换就可以完成动画效果。下面是一个示例，它将在单击元素时将元素的不透明度转换为0，并在转换完成后将其移除：$("#element").click( function () {     $('#element').transition({ opacity: 0 }, function () { $(this).remove(); });});JS Fiddle演示