Как получить правила ключевых кадров css в jquery

У меня есть внешний файл CSS, скажем my.css с содержимым:

@keyframes someName {  
  0% {   
    opacity: 0;  
    width: 100px; 
  }    
  100% {   
    opacity: 1;
    width: 200px;   
  }    
}  
@keyframes someName2 {  
  0% {   
    height: 100px; 
  }    
  100% {   
    height: 200px;   
  }    
} 

Я хочу создать из этого объект со структурой, как в:

{
  somename : {
     0: { opacity: 0, width: 100 }
   100: { opacity: 0, width: 200 }
  }
  somename2: {
     0: { height: 10 }
   100: { height:  80 }
  }
}

Как мне это сделать в JQuery? Я не ищу полный код. Как получить доступ к ключевым кадрам CSS по имени в JQuery? Что-то вроде:

  $('someCSS Selector').css('keyframes'...)?

@VXp Я знаю, как использовать анимацию. Мой вопрос заключается в том, чтобы скрыть ключевые кадры CSS от объекта.

Sunny 11.04.2018 14:22

@VXp Это касается создания анимации, а не запроса существующей.

Sunny 11.04.2018 14:27

@VXp Не дубликат. OP хочет получить, а не установить

Jamie Buttons Coulter 11.04.2018 14:27

@VXp Это должно быть относительно просто. Мне что-то здесь не хватает ... Я не хочу использовать для этого плагин. Кроме того, при беглом прочтении у jquerykeyframes нет того, что мне нужно.

Sunny 11.04.2018 14:38
Вы можете попробовать это. Это родной js, но лучше, чем ничего
Pete 11.04.2018 14:42

@VXp Насколько я понимаю, jquerykeyframes не позволяет получать ключевые кадры CSS для таблицы стилей. Просто возможность их установить

Jamie Buttons Coulter 11.04.2018 14:43

@VXp Да, ваша ссылка - хорошая отправная точка. Надеюсь, я получу JQuery, который будет обрабатывать проблемы браузера для типа правила (ключевые кадры webkit, ключевые кадры и т. Д.)

Sunny 11.04.2018 14:50

@Pete Я пробовал. Это не работает. document.styleSheets возвращает объект, и в cssRules нет вложенных свойств, таких как имя и тип.

Sunny 11.04.2018 17:27

@Pete не работает, если CSS находится во внешнем файле с помощью <link ...>

Sunny 11.04.2018 17:47

В этом случае это, вероятно, невозможно, поэтому вам следует переосмыслить свой подход, поскольку вы не сказали, что вам нужен конечный объект, потому что невозможно сказать, есть ли лучший подход.

Pete 11.04.2018 17:51
2
11
284
0

Другие вопросы по теме