An Interest In:
Web News this Week
- April 2, 2024
- April 1, 2024
- March 31, 2024
- March 30, 2024
- March 29, 2024
- March 28, 2024
- March 27, 2024
December 31, 2021 04:54 pm GMT
Original Link: https://dev.to/robsonmuniz16/how-to-create-website-with-auto-typing-text-effect-using-html-css-javascript-22ng
How To Create Website With Auto Typing Text Effect Using HTML CSS JavaScript
Lets Create a Website With Auto Typing Text Effect Using HTML CSS JavaScript, step-by-step in a very easy to follow along tutorial.
Source Code:
HTML
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Create Website with Auto Typing Text Effect</title> <link rel="stylesheet" href="style.css"></head><body> <header> <nav> <img src="img/logo.png" alt="" class="logo"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Services</a></li> </ul> <img src="img/menu.png" alt="" class="menu-icon"> </nav> <div class="text-box"> <h1>I'm <span class="auto-input"></span></h1> <p>You can reach out to me if you need any nelp in making a Website for you or your business.</p> <a href="#">Contact me</a> <a href="#" class="btn">Download CV</a> </div> <img src="img/bg7.png" alt="" class="user-img"> </header> <script src="https://cdn.jsdelivr.net/npm/[email protected]"></script> <script> let typed = new Typed(".auto-input", { strings: ["Emma Downy", "Web Developer", "Blogger"], typeSpeed: 100, backSpeed: 100, loop: true }) </script></body></html>
Original Link: https://dev.to/robsonmuniz16/how-to-create-website-with-auto-typing-text-effect-using-html-css-javascript-22ng
Share this article:
Tweet
View Full Article
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To