@edgarngeleso/html_text_animation/index.html

A simple html text animation.

<style>
    body{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .demo{
        height: 60px;
        width: 300px;
    }
</style>
<div class="demo">
This is a demo script.
This is a demo script.
This is a demo script.
This is a demo script.
This is a demo script.
This is a demo script.
This is a demo script.
<div>
    This is a demo script.
</div>
</div>
<script type="module">
    //import {Animate} from "./index.js";
    //console.log(new Animate())
</script>

<script src="./index.js"></script>
<script>
    let demo = document.querySelector(".demo");
    let animate = new Animate(demo,"fadeout",50);
    animate.run();
</script>