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 Bausteinen (Snippets) aus den Bereichen CSS, PHP, JavaScript und MySQL.

CSS - Markieren von Text verhindern

PHP - Auf eine Zahl prüfen

JavaScript - Text mit einem Link markieren

MySQL - Datenbank-Abfrage über den URL-Parameter