CSS - Regenbogen Text

Somewhere Over the Rainbow

<style>

.
rainbow-text {
 
animation-duration3.115s;
}

.
rainbow-text {
 
backgroundlinear-gradient(53.13deg,#FFD33D 0,#FB8532 16.02%,#EA4A5A 28.06%,#8A63D2 56.92%,#2188FF 72.93%,#34D058 84%,#FFD33D 100%);
 
background-sizeauto;
 
background-clipborder-box;
 
background-cliptext;
 
displayinline-block;
 
colortransparent;
 
text-fill-colortransparent;
 -
webkit-background-cliptext;
 -
webkit-text-fill-colortransparent;
 
animationshine 6.28s alternate infinite;
 
animation-duration6.28s;
 
background-size300%;
}

@
keyframes shine {
 
0% {
  
background-position:200center
 }
 
62.8% {
  
background-position:100center
 }
 
100% {
  
background-position:200center
 }
}
</
style>

 
<
h1 class="rainbow-text">Somewhere Over the Rainbow</h1>

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<dialog> Dialog Element

CSS - Bilder-Farbrotation mit Gradient

PHP - Zahlen schneller ausgeben

JavaScript - Eingabefeld selektieren

MySQL - Daten aus zwei DB-Tabellen auslesen