CSSKeyframesRule: свойство name
Базовая Широко поддерживается
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с сентября 2015 года.
Свойство name интерфейса CSSKeyframeRule получает и устанавливает имя анимации, используемое свойством animation-name.
Значение
Строка.
Примеры
CSS содержит правило keyframes. Это будет первое CSSRule, возвращаемое document.styleSheets[0].cssRules. myRules[0] возвращает объект CSSKeyframesRule с свойством name равным "slide-in".
@keyframes slide-in {
from {
transform: translateX(0%);
}
to {
transform: translateX(100%);
}
}
let myRules = document.styleSheets[0].cssRules; let keyframes = myRules[0]; // a CSSKeyframesRule console.log(keyframes.name); // "slide-in"
Спецификации
| Спецификация |
|---|
| CSS Анимации Level 1 # dom-csskeyframesrule-name |
Совместимость с браузерами
| Рабочий стол | Мобильные | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
name |
1 | 12 | 5 | 12 | 4 | 18 | 5 | 12 | 3.2 | 1.0 | 4.4 |
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSSKeyframesRule/name