css3 中@keyframes 的用途

Posted

技术标签:

【中文标题】css3 中@keyframes 的用途【英文标题】:Purpose of @keyframes in css3 【发布时间】:2012-05-23 22:12:18 【问题描述】:

我在 css3 代码的某个地方遇到了@keyframes。我在***中找不到详细信息。甚至this question 也回答了@ 规则,除了@keyframes。

有人可以详细解释或提供有关@keyframes 的良好链接吗? 提前致谢。

【问题讨论】:

【参考方案1】:

阅读:http://css3.bradshawenterprises.com/animations/

他们只是为动画的不同阶段设置参数,这让您可以使用 CSS 执行复杂的动画。

【讨论】:

【参考方案2】:

@keyframes at-rule 旨在定义 CSS3 动画,并且通常在真正的 CSS 代码中具有供应商前缀,因为标准化/实施尘埃尚未落定。您可以从 their blog post... 或一般的东西 here 找到更多关于 WebKit 的实现 (@-webkit-keyframes)。

【讨论】:

以上是关于css3 中@keyframes 的用途的主要内容,如果未能解决你的问题,请参考以下文章

CSS3 动画

css3CSS3动画(animation @keyframes)

css3CSS3动画(animation @keyframes)

CSS3 @keyframes动画

CSS3@keyframes规则和animation动画

CSS3 动画