How to use the css-animation/lib/Event.addEndEventListener function in css-animation

To help you get started, we’ve selected a few css-animation examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github NSFI / ppfish-components / es / utils / wave.js View on Github external
node.appendChild(extraNode);
      }

      var transitionEnd = function transitionEnd() {
        node.removeAttribute(attributeName);

        _this.removeExtraStyleNode();

        if (insertExtraNode) {
          node.removeChild(extraNode);
        }

        TransitionEvents.removeEndEventListener(node, transitionEnd);
      };

      TransitionEvents.addEndEventListener(node, transitionEnd);
    };
github ant-design / ant-design / components / _util / wave.tsx View on Github external
}

      extraNode.style.borderColor = waveColor;
      styleForPesudo.innerHTML = `
      [ant-click-animating-without-extra-node='true']::after, .ant-click-animating-node {
        --antd-wave-shadow-color: ${waveColor};
      }`;
      if (!document.body.contains(styleForPesudo)) {
        document.body.appendChild(styleForPesudo);
      }
    }
    if (insertExtraNode) {
      node.appendChild(extraNode);
    }
    TransitionEvents.addStartEventListener(node, this.onTransitionStart);
    TransitionEvents.addEndEventListener(node, this.onTransitionEnd);
  };
github NSFI / ppfish-components / source / utils / wave.tsx View on Github external
this.styleForPesudo.innerHTML =
        `[fishd-click-animating-without-extra-node]:after { border-color: ${waveColor}; }`;
      document.body.appendChild(this.styleForPesudo);
    }
    if (insertExtraNode) {
      node.appendChild(extraNode);
    }
    const transitionEnd = () => {
      node.removeAttribute(attributeName);
      this.removeExtraStyleNode();
      if (insertExtraNode) {
        node.removeChild(extraNode);
      }
      TransitionEvents.removeEndEventListener(node, transitionEnd);
    };
    TransitionEvents.addEndEventListener(node, transitionEnd);
  }