CSS - Regenbogen Text
Somewhere Over the Rainbow
<style>
.rainbow-text {
font-size: 3rem;
animation-duration: 3.115s;
}
.rainbow-text {
background: linear-gradient(53.13deg,#FFD33D 0,#FB8532 16.02%,#EA4A5A 28.06%,#8A63D2 56.92%,#2188FF 72.93%,#34D058 84%,#FFD33D 100%);
background-size: auto;
background-clip: border-box;
background-clip: text;
display: inline-block;
color: transparent;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: shine 6.28s alternate infinite;
animation-duration: 6.28s;
background-size: 300%;
}
@keyframes shine {
0% {
background-position:200% left;
filter: hue-rotate(0);
}
62.8% {
background-position:100% center;
filter: hue-rotate(180);
}
100% {
background-position:200% right;
filter: hue-rotate(360);
}
}
</style>
<div class="rainbow-text">Somewhere Over the Rainbow</div>
Bausteine Alle Anzeigen
Eine zufällige Auswahl von Codeschnipseln
aus den Bereichen
HTML, CSS,
PHP, JavaScript und
MySQL.
<ruby> Ruby Anmerkung
CSS - Animationen mit Keyframes
PHP - Alte Bilder (einer Webcam) löschen