JQueryでキーフレームの状態を動的に変更したい。
これが私のキーフレームです：
@keyframes moveItUp {
10% {
top: 18%;
}
20% {
top: 16%;
}
30% {
top: 14%;
}
40% {
top: 12%;
}
50% {
top: 10%;
}
60% {
top: 8%;
}
70% {
top: 6%;
}
80% {
top: 4%;
}
90% {
top: 2%;
}
100% {
top: -20px;
}
}
たとえば、Javascriptを使用して動的に20％から40％に切り替えたい
どうやってやるの？ありがとう
これを行う方法を正確に説明しているMSDNに関するすばらしいブログ記事があります。
var rule;
var ss = document.styleSheets;
for (var i = 0; i < ss.length; ++i) {
// loop through all the rules!
for (var x = 0; x < ss[i].cssRules.length; ++x) {
rule = ss[i].cssRules[x];
if (rule.name == "moveItUp" && rule.type == CSSRule.KEYFRAMES_RULE) {
// do what you need to do here
}
}
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加