Get started with sir-trevor-js CDN

MIT licensed

Sir Trevor JS: Open-source library for customizable, responsive navigation menus.

Tags:
  • content editing
  • rich content editor
  • Sir Trevor

Stable version

Copied!

How to start using sir-trevor-js CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with sir-trevor-js CDN - cdnhub.io</title>
  <script src="https://cdn.cdnhub.io/sir-trevor-js/0.8.2/sir-trevor.min.js"></script>
</head>
<body>
  <button id="animate">Animate</button>
  <div id="box"></div>

  <script>
    const animateButton = document.querySelector('#animate');
    const boxElement = document.querySelector('#box');

    animateButton.addEventListener('click', () => {
      SirTrevor.animate(boxElement, {
        width: '200px',
        height: '200px',
        backgroundColor: 'red',
        duration: 1000,
        easing: 'easeOutQuad'
      });
    });
  </script>

  <style>
    #box {
      width: 100px;
      height: 100px;
      background-color: blue;
    }
  </style>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions