e {
      animation: mymove 3s cubic-bezier(0.5, -1.5, 0.5, 2.5) forwards;
    }
    @keyframes mymove {
      from {left: 100px}
      to {left: 400px}
    }
  </style>
</head>
<body>
  <div class="container">
    <div class="block"></div>
  </div>
  <script type="module">
    const block = document.querySelector('.block');
    document.addEventListener('click', () => {
      block.className = 'block animate';
    }, {once: true});
  </script>
</body>
</html>
