<div>
<h1><span class='test'></span></h1>
</div>
html{
position: absolute;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 100%;
height: 50vh;
background: #121212;
}
h1{
color: #8AA8FF;
font-family: 'Karla', sans-serif;
font-size: 42px;
}
.typed-cursor {
color:#fff;
font-weight: 100;
}
var typed = new Typed('.test', {
strings: [
"Let's build^1000 a website",
"Let's build^1000 an app",
"Let's build^1000 it better",
"Let's build it^1000 together ^2000💜"],
typeSpeed: 50,
backSpeed: 50,
smartBackspace: true, // Default value
loop: true,
backDelay: 2000
});
This Pen doesn't use any external CSS resources.