HKN

html knowhow

Automatisch wechselnder Text










Automatisch wechselnder Text

So sieht´s aus

Quellcode
<html>
<head>

<style type="text/css">
.words::before {content: ''; animation-name: words; animation-duration: 15s; animation-iteration-count: infinite;}
@keyframes words {
0% {content: 'Hola!'; opacity: 1;}
20% {content: 'Bonjour!'; opacity: 1;}
40% {content: 'Olá!'; opacity: 1;}
60% {content: 'Hello!'; opacity: 1;}
80% {content: 'Hallo!'; opacity: 1;}
100% {content: 'Hola!'; opacity: 1;} }
.words {margin-left:50%; font-size: 5em; text-align: left; transform: translate(-50%, -50%); color:navy; font-family:Cambria, Cochin, Georgia, Times, "Times New Roman", serif;}
</style>
<head>

<body >
<p class="words"></p>
</body>

</html>








Kontakt    Datenschutz   Impressum