zarm/es/utils/keyframes.js

基于 React 的移动端UI库

var toKeyframe = function toKeyframe(name, content) {
  return "\n  @-webkit-keyframes ".concat(name, " {\n    ").concat(content, "\n  }\n  @keyframes ").concat(name, " {\n    ").concat(content, "\n  }\n");
};

export var removeKeyframe = function removeKeyframe(name) {
  var keyframe = document.getElementById(name);
  !!keyframe && document.getElementsByTagName('head')[0].removeChild(keyframe);
};
export var addKeyframe = function addKeyframe(name, content) {
  var style = document.createElement('style');
  style.id = name;
  style.type = 'text/css';
  style.innerHTML = toKeyframe(name, content);
  document.getElementsByTagName('head')[0].appendChild(style);
};
export var getKeyframe = function getKeyframe(name) {
  var keyframe = document.getElementById(name);
  return keyframe && keyframe.innerHTML;
};
export var existKeyframe = function existKeyframe(name) {
  var keyframe = document.getElementById(name);
  return !!keyframe;
};