JSFiddle - React, Tailwind, and code Playground

by Sebastian Kay

HTML

<span class="js-display-typing"></span>

CSS

body{
    min-height:800px;
    
}
.header{
    background-color: red;
    color: black;
    width: 100%;
    height: 80px;
    position: fixed;
    top: 0;
    left: 0;
}

.change{
    background-color: black;
    color: red;
}

JavaScript

// Typed
			var typed = new Typed('.js-display-typing', {
				strings: ['tolle Werbung zu machen', 'es digital zu drucken', ' es Folie zu verkleben', 'es zu gestalten', 'es kreativ zu sein'],
				typeSpeed: 100,
				backSpeed: 140,
				backDelay: 2500,
				showCursor: true,
				autoInsertCss: true,
				loop: true,
			}); // ENDE Tpyed