<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>Multiple typing effect</title> </head> <body> <div class="wrapper"> <div class="static-txt">I'm</div> <ul class="dynamic-txt"> <li><span>Web Developer</span></li> <li><span>Designer</span></li> <li><span>Freelancer</span></li> <li><span>Software Engineer</span></li> </ul> </div> </body> </html>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter