typed js


<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Step Progress Bar</title> <style> body { background-color: white; font-family: Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}

.text-slider-items {
display: none;
}

.heading {
margin-top: 200px;
text-align: center;
}

.heading h1 {
color: limegreen;
font-size: 70px;
}

.heading h3 {
color: black;
font-size: 20px;
}

</style> </head> <body> <div class='text-type'> <div>typing text</div> <span class="text-slider-items"> A computer, Science portal, for geeks, A place to, practice code, width, --x </span> <strong class="text-slider"></strong> </div> <script src="https://unpkg.com/[email protected]/dist/typed.umd.js"></script> <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"> </script> <script> if ($(".text-slider").length == 1) { var typed_strings = $(".text-slider-items").text(); var typed = new Typed(".text-slider", { strings: typed_strings.split(", "), typeSpeed: 50, loop: true, backDelay: 900, backSpeed: 30, }); } </script> </body> </html>