我想知道是否可以调整 CSS 关键帧的内容,因为我在网上看到了各种建议,但似乎都不适合我。
这些是我的关键帧:
@keyframes changeColor {
0% {
color: yellow;
}
50% {
color: red;
}
}
@-moz-keyframes changeColor {
0% {
color: yellow;
}
50% {
color: red;
}
}
@-webkit-keyframes changeColor {
0% {
color: yellow;
}
50% {
color: red;
}
}
@-o-keyframes changeColor {
0%{
color: yellow;
}
50% {
color: red;
}
}
我希望能够通过Javascript调整上述每个关键帧的颜色属性,以便可以根据通过Javascript传递的值来改变颜色。这有可能以任何方式实现吗?
谢谢
最佳答案
使用 jQuery 动画 KeyFrame 可以使用 jQuery.Keyframes
var supportedFlag = $.keyframe.isSupported();
$.keyframe.define([{
name: 'roll-clockwise',
'0%': {
'color' : 'green'
},
'100%': {
'color' : 'yellow'
}
}
]);
$("p").playKeyframe({
name: 'changeColor',
duration: 2000
});
有关更多信息,请参阅此链接。 https://github.com/Keyframes/jQuery.Keyframes
关于javascript - 通过 Javascript 更改 CSS 关键帧,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48696787/