CSSKeyframesRule: name ããããã£
Baseline
åºãå©ç¨å¯è½
ãã®æ©è½ã¯åºãå®è£ ããã¦ãããå¤ãã®ãã¼ã¸ã§ã³ã®ç«¯æ«ããã©ã¦ã¶ã¼ã§åä½ãã¾ãã2016å¹´8æä»¥éããã¹ã¦ã®ãã©ã¦ã¶ã¼ã§å©ç¨å¯è½ã§ãã
name 㯠CSSKeyframeRule ã¤ã³ã¿ã¼ãã§ã¤ã¹ã®ããããã£ã§ã animation-name ããããã£ã§ä½¿ç¨ãããã¢ãã¡ã¼ã·ã§ã³ã®ååãåå¾ãããè¨å®ããããã¾ãã
å¤
æååã§ãã
ä¾
ãã® CSS ã«ã¯ keyframes ã¢ããã«ã¼ã«ãããã¾ãããã㯠document.styleSheets[0].cssRules ã§è¿ãããæåã® CSSRule ã«ãªãã¾ãã
myRules[0] 㯠CSSKeyframesRule ãªãã¸ã§ã¯ããè¿ãã name 㯠"slidein" ã«è¨å®ããã¾ãã
css
@keyframes slidein {
from {
transform: translateX(0%);
}
to {
transform: translateX(100%);
}
}
js
let myRules = document.styleSheets[0].cssRules;
let keyframes = myRules[0]; // CSSKeyframesRule
console.log(keyframes.name); // "slidein"
仿§æ¸
| 仿§æ¸ |
|---|
| CSS Animations Level 1 > # dom-csskeyframesrule-name > |