Spec-Zone.ru › Web APIs

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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API