Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <section class="container">
    <svg id="fly" viewBox="0 0 1500 1200" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M296.124 852.336l-146.349 69.975-17.966-7.162-11.604-4.625c-19.236-24.513-27.406-48.761-30.007-68.303L61.067 854.43c-8.555 7.442-16.096 12.276-18.34 13.623-4.492 2.694-7.113 1.122-7.861 0-1.797 1.496-3.993-.624-4.866-1.871l51.466-62.491c46.1-24.573 140.323-73.493 148.408-72.595 8.085.898 16.095 7.858 19.089 11.226l47.161 110.014z" fill="#fff" />
        <path d="M149.775 922.311l146.349-69.975-47.161-110.014m-99.188 179.989l-47.162-108.143m47.162 108.143l-17.967-7.162m117.155-172.827c-2.994-3.368-11.004-10.328-19.089-11.226-8.085-.898-102.308 48.022-148.408 72.595m167.497-61.369l-146.35 71.846m-21.147-10.477L30 866.182c.873 1.247 3.07 3.367 4.866 1.871m46.6-64.362c1.367.153 3.125.449 5.053.91m16.094 9.567c-1.916-3.671-6.222-6.229-10.667-7.911m-57.08 61.796c1.797-1.497 35.184-42.925 51.653-63.452m-51.653 63.452c.748 1.122 3.368 2.694 7.86 0 2.245-1.347 9.786-6.181 18.34-13.623m25.453-49.829c1.726.414 3.588.96 5.427 1.656m0 0c2.37 26.613 13.662 85.65 39.862 108.892M91.946 806.257c-2.92 19.955-18.04 37.002-30.88 48.173m30.88-48.173c-2.295 7.282-3.864 20.066-1.748 35.964m41.61 72.928l-11.603-4.625c-19.236-24.513-27.406-48.761-30.007-68.303M61.067 854.43l29.131-12.209" stroke="#FF8989" stroke-width="1.1" />
        <path d="M208.5 831.263l1.5-11 1.1-5.985c2.4-8.515 9.3-4.95 9.3 0s-1.05 24.3-2.85 24.3c-1.44 0-9.05-5.98-9.05-7.315z" fill="#FFE6D9" />
        <path d="M218.597 836.263l3.003-18.291c3.15-7.191 7.761-6.052 9.3 0 1.6 6.291-1.947 30.853-3.4 29.791-2.55-1.865-8.903-8.114-8.903-11.5z" fill="#FFE6D9" />
        <path d="M229.634 848.382c-.453-1.534-.872-3.933-1.025-4.94-5.269-1.634-9.128-10.261-10.392-10.848-1.265-.587-3.08.553-3.704 1.668-.72.233-1.716 1.518-2.081 2.086-.456.709.387 2.575 1.512 4.018 1.124 1.443 5.687 6.417 7.033 9.024 1.345 2.607 8.082 10.525 9.791 10.492 1.368-.026 2.11-1.211 2.31-1.8 1.071-.047.277-2.316-.153-3.303-.613-1.408-2.725-4.48-3.291-6.397z" fill="#fff" />
        <path d="M214.513 834.262c-.624 1.115.773 2.856 1.841 4.226 1.067 1.369 4.25 4.314 5.26 6.749 1.011 2.436 4.523 7.875 8.901 11.421 1.309 1.06 2.106 1.444 2.563 1.424m-18.565-23.82c.624-1.115 2.439-2.255 3.704-1.668 1.264.587 5.123 9.214 10.392 10.848.153 1.007.572 3.406 1.025 4.94.566 1.917 2.678 4.989 3.291 6.397.43.987 1.224 3.256.153 3.303m-18.565-23.82c-.72.233-1.716 1.518-2.081 2.086-.456.709.387 2.575 1.512 4.018 1.124 1.443 5.687 6.417 7.033 9.024 1.345 2.607 8.082 10.525 9.791 10.492 1.368-.026 2.11-1.211 2.31-1.8" stroke="#FF8989" stroke-width="1.1" />
        <path fill-rule="evenodd" clip-rule="evenodd" d="M201.568 831.038c.471-1.212 1.518-2.34 2.847-3.104-1.318 1.438 2.594 8.094 5.444 12.514 2.849 4.421 11.598 10.807 13.108 10.216-.166.899-.97 2.783-2.868 3.127-2.372.429-11.694-7.49-18.531-22.753z" fill="#fff" />
        <path d="M219.148 835.69c.18 1.426.59 4.718.79 6.482.251 2.204 4.538 7.902 3.029 8.492-1.51.591-10.259-5.795-13.108-10.216-2.85-4.42-6.762-11.076-5.444-12.514 1.055-1.15 3.139-1.281 4.05-1.202 1.337 2.305 5.346 7.324 10.683 8.958z" fill="#fff" />
        <path d="M222.967 850.664c1.509-.59-2.778-6.288-3.029-8.492-.2-1.764-.61-5.056-.79-6.482-5.337-1.634-9.346-6.653-10.683-8.958-.911-.079-2.995.052-4.05 1.202m18.552 22.73c-1.51.591-10.259-5.795-13.108-10.216-2.85-4.42-6.762-11.076-5.444-12.514m18.552 22.73c-.166.899-.97 2.783-2.868 3.127-2.372.429-11.694-7.49-18.531-22.753.471-1.212 1.518-2.34 2.847-3.104" stroke="#FF8989" stroke-width="1.1" />
        <path d="M153.247 673.022c-.957-.439-6.553-4.971-8.909-10.381-2.278-8.304 5.628-13.499 9.866-15.059 13.695-6.652 14.726 9.65 15.168 11.331.442 1.681-1.105 4.752-1.473 5.337-.368.584-1.251 3.728-1.472 5.628-.221 1.901-1.767 3.948-4.565 4.533-2.798.585-7.658-.95-8.615-1.389z" fill="#FFE6D9" />
        <path d="M135.415 657.797a3.963 3.963 0 0 1-.074-.993c.221-4.131 3.023-11.359 10.47-14.088.934-.91 3.628-3.201 6.931-5.09 4.129-2.36 7.447-3.097 9.659-1.548 1.769 1.239 2.458 3.312 2.58 4.194 3.82.39 9.105 2.307 10.47 4.288 1.475 2.139 1.844 3.171 1.696 4.056-.147.886-1.622 2.508-2.728 2.508s-13.345-8.334-21.677-2.729c-1.995 1.342-3.589 2.524-4.844 3.611-3.988 3.451-4.568 5.946-3.783 9.592.826 3.835-1.475 3.024-2.728 2.139v9.142c0 4.131-10.396 10.99-18.359 11.728-6.371.59-9.34-10.326-10.028-15.858 6.96 1.652 14.206-3.541 16.958-6.343a36.073 36.073 0 0 1 5.457-4.609z" fill="#fff" />
        <path d="M141.387 663.737c-2.089-.934-6.223-3.629-6.046-6.933.221-4.131 3.023-11.359 10.47-14.088m-4.424 21.021c1.253.885 3.554 1.696 2.728-2.139-.785-3.646-.205-6.141 3.783-9.592m-6.511 11.731v9.142c0 4.131-10.396 10.99-18.359 11.728-6.371.59-9.34-10.326-10.028-15.858 6.96 1.652 14.206-3.54 16.958-6.343 6.312-6.55 14.59-9.663 17.94-10.4m-2.087-9.29c7.447-2.729 14.452-2.655 18.286-2.508.283.011.579.032.884.064m-19.17 2.444c.934-.91 3.628-3.201 6.931-5.09 4.129-2.36 7.447-3.097 9.659-1.548 1.769 1.239 2.458 3.312 2.58 4.194m0 0c3.82.39 9.105 2.307 10.47 4.288 1.475 2.139 1.844 3.171 1.696 4.056-.147.886-1.622 2.508-2.728 2.508s-13.345-8.334-21.677-2.729c-1.995 1.342-3.589 2.524-4.844 3.611" stroke="#FF8989" stroke-width="1.1" />
        <path d="M201.352 808.573c0-4.791 2.32-24.991 6.569-34.123-17.037.754-52.471 1.358-57.913-2.264-6.803-4.529-13.767-15.202-13.605-23.127.129-6.339 3.077-15.148 4.535-18.76 8.476-.808 26.821-1.94 32.393 0 1.512 2.588 5.475 8.151 9.232 9.704 4.697 1.94 21.542 3.186 29.154 10.73 1.437.173 2.493.318 3.078.429 5.125.968 12.976 1.699 14.432 10.997 3.179 1.401 9.571 5.369 9.701 10.027.162 5.822 0 45.12 0 48.84 0 3.72-16.035.809-18.302-.97v-4.486c-6.942-.283-19.274-2.792-19.274-6.997z" fill="#fff" />
        <path d="M155.839 745.501c15.501 1.326 45.537 3.989 55.878 5.232m7.613 14.337c-1.026.215-4.243 1.649-8.908 5.66-.896.77-1.73 2.063-2.501 3.72m0 0c-4.249 9.132-6.569 29.332-6.569 34.123 0 4.205 12.332 6.714 19.274 6.997m-12.705-41.12c-17.037.754-52.471 1.358-57.913-2.264-6.803-4.529-13.767-15.202-13.605-23.127.129-6.339 3.077-15.148 4.535-18.76 8.476-.808 26.821-1.94 32.393 0 1.512 2.588 5.475 8.151 9.232 9.704 4.697 1.94 21.542 3.186 29.154 10.73m0 0c1.437.173 2.493.318 3.078.429 5.125.968 12.976 1.699 14.432 10.997m0 0c.246 1.573.309 3.392.145 5.498-1.134 14.555-2.753 45.606-4.211 47.385-.375.458-2.132.627-4.535.528m8.601-53.411c3.179 1.401 9.571 5.369 9.701 10.027.162 5.822 0 45.12 0 48.84 0 3.72-16.035.809-18.302-.97v-4.486" stroke="#FF8989" stroke-width="1.1" />
        <path d="M177.197 681.781c-.831-3.477-6.224-5.465-8.816-6.024-1.17-.284-3.707-.719-4.5-.192-.992.66.211 2.485 2.425 10.141 1.771 6.126.606 8.675-.198 9.185-4.811-6.966-12.591-18.643-15.255-20.33-3.33-2.108-3.204-1.98-8.504-.712-1.631.39-6.002.537-6.549 5.263-.437 3.78 1.953 17.912 3.844 23.48 1.398 5.845-1.562 20.708-.489 23.99 1.072 3.282 12.408 12.031 22.176 12.019 9.767-.012 16.501-5.9 16.023-7.899-.478-1.998-4.416-10.457-1.097-16.004 3.319-5.547 1.98-28.57.94-32.917z" fill="#fff" stroke="#FF8989" stroke-width="1.1" />
        <path d="M181.929 652.066c0 2.351 1.477 4.019 3.037 4.019 1.457 0 2.834-1.442 3.017-3.56m-6.054-.459h6.624c0 .169-.007.336-.021.501l-.548-.047m-6.055-.454c0-2.16 1.261-3.767 2.678-3.991l.378-.028-3.056 4.019zm6.054.459l.001-.005m-.001.005l.001-.005m-.001.005v.004l.02-.467v.004c0 .154-.006.305-.019.454m-1.502 4.316c-.128.107-.262.19-.404.247-.89.358-3.173.843-5.649.97-1.229.063-2.483.037-3.615-.13-1.139-.168-2.114-.473-2.817-.938a2.794 2.794 0 0 1-.86-.859c-.942-1.538-.773-3.071-.213-4.334.574-1.293 1.526-2.226 1.992-2.49a2.12 2.12 0 0 1 .417-.137c.232-.059.531-.12.885-.182a48.666 48.666 0 0 1 2.585-.361 135.65 135.65 0 0 1 3.375-.345c-.844.956-1.349 2.328-1.349 3.789 0 2.696 1.736 5.119 4.137 5.119.544 0 1.053-.125 1.516-.349zm-13.422.827l.051.039a13.947 13.947 0 0 1-.422 1.91 26.59 26.59 0 0 0 .371-1.949zm-1.08 4.025c.048-.087.094-.181.139-.281l-.007.022c-.167.485-.342.973-.51 1.441-.317.882-.61 1.698-.781 2.313l-.045.174c.15-1.171.61-2.581 1.204-3.669zm-4.297 17.14c.081-.002.157-.013.23-.031l-.019.014c-.139.107-.205.117-.205.118h.002c-.461 0-.746-.123-1.009-.327-.231-.179-.433-.407-.706-.714-.09-.1-.186-.209-.294-.327a6.125 6.125 0 0 1-.403-.519c.518.553 1.111 1.1 1.718 1.551.193.145.426.241.686.235zM169.034 653.988c-2.111 0-3.946-1.989-3.946-4.607 0-2.618 1.835-4.607 3.946-4.607 2.11 0 3.945 1.989 3.945 4.607a5.084 5.084 0 0 1-.862 2.872c-.736 1.076-1.856 1.735-3.083 1.735zm-2.778-9.375c-1.381 1.033-2.268 2.809-2.268 4.768 0 2.948 2.008 5.483 4.685 5.693-.964.336-2.156.553-3.612.535-1.921-.023-3.12-.392-3.846-.837a2.707 2.707 0 0 1-.685-.582c-.388-.474-.442-.953-.388-1.248l.014-.08-.009-.081c-.479-4.174 2.814-7.018 3.788-7.842.069-.058.28-.151.7-.221a9.723 9.723 0 0 1 1.405-.104l.216-.001z" fill="#fff" stroke="#FF8989" stroke-width="1.1" />
        <path d="M153.473 648.093c-.357 4.479-3.295 9.627-4.682 11.861-1.011.825 2.997 4.618 5.127 6.41.248.05 1.056.045 2.304-.368 1.561-.516 2.675-2.358 3.195-5.157.521-2.8 4.236-3.095 4.905-3.095.669 0 3.047.59 3.493-.294.446-.885-.298-1.548-1.189-1.99-.892-.442-3.642-.073-4.533 0-.892.074-.52-1.547 0-2.726s.599-4.321 1.114-5.599c.595-1.474 3.047-2.063 3.047-3.021 0-.679-4.681.074-5.87.81-1.189.737-4.236.885-5.202 1.106-.773.176-1.657 1.4-1.709 2.063z" fill="#fff" stroke="#FF8989" stroke-width="1.1" />
        <path d="M121.851 699.733c-4.915-2.346-5.79-7.642-4.376-12.937.581-2.177 2.073-3.629 3.703-4.775 2.335-1.642 4.954-2.656 5.589-4.274.302-.77 2.124-2.618 4.646-4.92 4.684-4.276 11.78-10.116 16.026-13.514 4.915-3.084 10.504 5.63 8.147 7.507-2.356 1.877-8.147 11.865-10.167 14.814-2.02 2.95-7.407 9.385-10.235 14.814-2.828 5.43-8.417 5.631-13.333 3.285z" fill="#fff" stroke="#FF8989" stroke-width="1.1" />
        <path d="M180.324 666.02c1.639 1.059 3.22 3.58 3.805 4.708 1.024.809 9.146-1.545 9.146-2.943 0-1.397-3.878-4.487-4.317-5.002-.439-.515-.731-3.237-.512-4.782.22-1.545-.658-2.648-1.097-1.618-.439 1.03-3.439.22-3.878.735-.439.515-2.415.883-3.586.515-1.17-.368-2.999.221-4.463 0-1.463-.22-2.853-1.765-3.512-2.28-.658-.515-2.122-1.03-3.146-.368s.219 1.692 1.024 2.133c.805.442 1.317 2.207 2.122 2.869.805.662 3.732 1.251 4.171 2.354.439 1.104 2.195 2.354 4.243 3.679zM178.129 647.702c.878 0 1.537.49 1.756.736.196.122.571.456.513.809-.074.441-.952.662-2.049 1.545-1.098.882-2.195.735-2.415.147-.219-.589 1.025-1.325 1.171-1.839.146-.515-1.975.441-3 .514-.585.043-.366-1.25-.585-1.912-.236-.712-.073-.809.878-.368.951.441 2.634.368 3.731.368z" fill="#fff" />
        <path d="M180.324 666.02c1.639 1.059 3.22 3.58 3.805 4.708 1.024.809 9.146-1.545 9.146-2.943 0-1.397-3.878-4.487-4.317-5.002-.439-.515-.731-3.237-.512-4.782.22-1.545-.658-2.648-1.097-1.618-.439 1.03-3.439.22-3.878.735-.439.515-2.415.883-3.586.515-1.17-.368-2.999.221-4.463 0-1.463-.22-2.853-1.765-3.512-2.28-.658-.515-2.122-1.03-3.146-.368s.219 1.692 1.024 2.133c.805.442 1.317 2.207 2.122 2.869.805.662 3.732 1.251 4.171 2.354.439 1.104 2.195 2.354 4.243 3.679zM178.129 647.702c.878 0 1.537.49 1.756.736.196.122.571.456.513.809-.074.441-.952.662-2.049 1.545-1.098.882-2.195.735-2.415.147-.219-.589 1.025-1.325 1.171-1.839.146-.515-1.975.441-3 .514-.585.043-.366-1.25-.585-1.912-.236-.712-.073-.809.878-.368.951.441 2.634.368 3.731.368z" stroke="#FF8989" stroke-width="1.1" />
        <path d="M177.984 697.167c1.362-5.602-.829-14.856-2.095-18.783 2.226-.72 13.42 4.908 13.486 3.665.065-1.244-4.714-8.705-6.547-10.734-1.466-1.623-.611-1.941 0-1.898 6.076-.262 8.205-2.989 8.511-4.319 1.309.916 5.106 7.068 9.82 15.053 4.713 7.985 6.481 9.424 3.6 13.744-2.304 3.456-18.81 3.622-26.775 3.272z" fill="#fff" stroke="#FF8989" stroke-width="1.1" />
        <path id="ray" d="M1535.58 286L185.625 652.441c-8.963 2.159-8.988-2.665-13.034-4.14-3.237-1.18-4.525 2.33-4.764 4.232-.571 5.369 5.467 7.016 17.844 8.805L1538.41 964.993 1535.58 286z" fill="url(#paint0_linear)" fill-opacity=".5" />
        <path class="path" id="motionPath" fill-rule="evenodd" clip-rule="evenodd" d="M470.957 807.07C532.213 841.07 749.324 820.243 749.324 820.243C807.613 822.741 1066.49 716.412 1030.8 633.651C1019.57 607.632 889.593 558.856 809.124 555.215C713.585 550.893 587.61 607.65 572.011 623.47C486.281 710.41 657.975 785.63 749.324 820.243C836.525 853.285 1077.55 846.472 1135.97 802.708C1381.73 618.588 842.693 336.779 472.721 560.722C376.55 618.934 403.154 769.438 470.957 807.07V807.07Z" stroke="black" stroke-width="1.22" stroke-miterlimit="1.5" stroke-linecap="round" stroke-linejoin="round" />
        <g id="plane1" class="plane">
            <path fill-rule="evenodd" clip-rule="evenodd" d="M636.51 618.306l49.805-31.087-34.913 3.075-14.892 28.012zm11.458-27.71l-18.451 1.625-7.692 4.681 5.29-10.994-8.873-17.963 68.073 19.274-36.335-.805-2.012 4.182z" fill="#fff" />
            <path d="M636.51 618.306l-6.312-21.305-8.373-.099 7.692-4.681 18.451-1.625 3.434-.302-14.892 28.012z" fill="#fff" />
            <path d="M649.98 586.414l36.335.805-34.913 3.075-3.434.302 2.012-4.182z" fill="#fff" />
            <path d="M686.315 587.219l-49.805 31.087m49.805-31.087l-68.073-19.274 8.873 17.963m59.2 1.311l-36.335-.805m36.335.805l-34.913 3.075m-14.892 28.012l-6.312-21.305-8.373-.099m14.685 21.404l14.892-28.012m-29.577 6.608l7.692-4.681 18.451-1.625m-26.143 6.306l5.29-10.994m0 0l22.865.506m0 0l-2.012 4.182m0 0l3.434-.302" stroke="#FF8989" stroke-width="1.1" />
        </g>
        <g id="plane2" class="plane">
            <path fill-rule="evenodd" clip-rule="evenodd" d="M507.31 571.091l43.692-47.294-36.043 13.353-7.649 33.941zm4.104-32.628l-19.048 7.057-6.783 7.177 2.416-13.161-14.583-16.435 77.586.696-38.669 9.66-.919 5.006z" fill="#fff" />
            <path d="M507.31 571.091l-12.841-20.712-8.886 2.318 6.783-7.177 19.048-7.057 3.545-1.313-7.649 33.941zM512.333 533.457l38.669-9.66-36.043 13.353-3.545 1.313.919-5.006z" fill="#fff" />
            <path d="M551.002 523.797l-43.692 47.294m43.692-47.294l-77.586-.696 14.583 16.435m63.003-15.739l-38.669 9.66m38.669-9.66l-36.043 13.353m-7.649 33.941l-12.841-20.712-8.886 2.318m21.727 18.394l7.649-33.941m-29.376 15.547l6.783-7.177 19.048-7.057m-25.831 14.234l2.416-13.161m0 0l24.334-6.079m0 0l-.919 5.006m0 0l3.545-1.313" stroke="#FF8989" stroke-width="1.1" />
        </g>
        <g id="plane3" class="plane">
            <path fill-rule="evenodd" clip-rule="evenodd" d="M627.048 468.843L648.883 412l-26.994 24.347 5.159 32.496zm-7.814-30.102l-14.265 12.867-3.447 8.679-2.484-12.408-18.565-9.335L648.883 412l-30.593 22.021.944 4.72z" fill="#fff" />
            <path d="M627.048 468.843l-18.531-13.702-6.995 5.146 3.447-8.679 14.265-12.867 2.655-2.394 5.159 32.496zM618.29 434.021L648.883 412l-26.994 24.347-2.655 2.394-.944-4.72z" fill="#fff" />
            <path d="M648.883 412l-21.835 56.843M648.883 412l-68.41 26.544 18.565 9.335M648.883 412l-30.593 22.021M648.883 412l-26.994 24.347m5.159 32.496l-18.531-13.702-6.995 5.146m25.526 8.556l-5.159-32.496m-20.367 23.94l3.447-8.679 14.265-12.867m-17.712 21.546l-2.484-12.408m0 0l19.252-13.858m0 0l.944 4.72m0 0l2.655-2.394" stroke="#FF8989" stroke-width="1.1" />
        </g>
        <defs>
            <linearGradient id="paint0_linear" x1="242.817" y1="658.144" x2="1184.42" y2="579.286" gradientUnits="userSpaceOnUse">
                <stop stop-color="#FFFA89" />
                <stop offset="1" stop-color="#FF898C" stop-opacity="0" />
            </linearGradient>
        </defs>
    </svg>
</section>
            
          
!
            
              $color-1: #FFB2A5;
$color-2: #FFE1D1;

body {
  display: flex;
  justify-content: center;
}
.container {
   background: linear-gradient(to bottom, $color-1, $color-2);
  max-width: 800px;
  width: 100%;
}
svg{
  width: 100%;
}
.path {
  visibility: hidden;
}



            
          
!
            
              const path = MorphSVGPlugin.pathDataToBezier("#motionPath", {
  align: ".plane"
});
TweenMax.to("#ray", 5, {
  transformOrigin: "left center",
  rotation: -15,
  yoyo: true,
  repeat: -1,
  ease: Power0.easeNone
});


let tl = new TimelineMax();
tl.staggerTo(".plane", 8, {
  bezier: { 
    values: path, 
    type: "cubic", 
    autoRotate: true },
  ease: SlowMo.ease.config(0.3, 0.1, false),
 repeat: -1,
}, 0.5)
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console