back

spaceBunter Gradienten-Text-Effekt



Quellcode
<html>
<head>

<style>
.text{font-size: 3em; font-weight: 800; outline: none; background: linear-gradient(135deg, #5335cf 0%, #de005e 25%, #f66e48 50%, #de005e 75%, #5335cf 100%);
background-size: 400%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: animate 10s linear infinite;}
@keyframes animate { to {background-position: 400%; }}
</style>
</head>

<body>
<center><div spellcheck="false" class="text" contenteditable="true">HTML Knowhow</div></center>
</body>

</html>