我有一个CSS3动画,需要点击重启.这是一个显示还剩多少时间的wine 吧.我正在使用scaleY(0)变换来创建效果.

现在,我需要通过将该条恢复到scaleY(1)并再次让其转到scaleY(0)来重新启动动画.

我还发现了一个有趣的提示,可以通过从文档中删除元素,然后重新插入它的克隆来重新启动动画: http://css-tricks.com/restart-css-animation/

它可以工作,但是有没有更好的重新启动CSS动画的方法呢? 我使用的是Prototype和Move.js,但我并不局限于它们.

推荐答案

只需通过JavaScript将animation属性设置为"none",然后设置一个超时,将属性更改为"",这样它就可以再次从CSS继承.

Webkit演示请点击此处:http://jsfiddle.net/leaverou/xK6sa/ 但是,请记住,在实际使用中,您还应该包括-moz-(至少).

Css相关问答推荐

如何将bslib::card()中的扩展按钮移到右上方,其中full_screen = TRUE?

视频覆盖不适用于reactjs样式的组件

如何仅以WooCommerce单一产品页面为目标?

CSS 中的 :not(style) ~ :not(style) 是什么?

为什么align-content:start应用于单行项目?

:is() 伪类是否支持相邻sibling 表达式中第二个元素的组合器?

SCSS - Lighten/Darken 不编译?

当页面大小小于VH时,Tailwind CSS如何使页脚留在底部

不能在带有 SCSS 的过滤器灰度内使用 CSS 变量

CSS nth-child 表示大于和小于

如何从 表格单元格中创建链接

内联块在 Internet Explorer 7、6 中不起作用

为什么无论我做什么都不能改变复选框的 colored颜色 ?

如何使用 CSS 绘制复选标记/勾号?

数据协议 URL 大小限制

更改 FontAwesome 图标的字体粗细?

Unicode 通过 CSS :before

使用 CSS 使 span 不可点击

100% 高度减go 标题?

如何创建一个带点的
标签?