Javascript 使用内嵌动画关键帧定义?
我们有这样的语法来定义css文件中的关键帧:Javascript 使用内嵌动画关键帧定义?,javascript,css,Javascript,Css,我们有这样的语法来定义css文件中的关键帧: @-webkit-keyframes fade { from {opacity: 1;} to {opacity: 0.25;} } 我们引用它的方式如下: .foo { -webkit-animation: fade 1s linear infinite; } 有没有一种方法可以直接内联它,比如: .foo { -webkit-animation: (from {opacity: 1;} to {opacity:
@-webkit-keyframes fade {
from {opacity: 1;}
to {opacity: 0.25;}
}
我们引用它的方式如下:
.foo {
-webkit-animation: fade 1s linear infinite;
}
有没有一种方法可以直接内联它,比如:
.foo {
-webkit-animation: (from {opacity: 1;} to {opacity: 0.25;}) 1s linear infinite;
}
有没有办法做到这一点,或者在运行时将“@-webkit keyframes”元素注入到我的样式表中
感谢查看,动画速记属性的语法为:
[<animation-name> || <animation-duration> || <animation-timing-function> ||
<animation-delay> || <animation-iteration-count> || <animation-direction> ||
<animation-fill-mode>] [, [<animation-name> || <animation-duration> ||
<animation-timing-function> || <animation-delay> || <animation-iteration-count> ||
<animation-direction> || <animation-fill-mode>] ]*
[用于选择为动画提供属性值的关键帧at规则,然后是定义这些规则应如何执行的其他参数
规范中目前没有定义允许在规则中定义内联关键帧的速记语法,您必须使用动画名称
属性引用现有关键帧。从:
“animation name”属性定义应用的动画列表。每个名称用于选择为动画提供属性值的关键帧at规则。如果名称与任何关键帧at规则不匹配,则没有要设置动画的属性,动画将不会执行