<svg
xmlns="http://www.w3.org/2000/svg" version="1.1" >
<title>gradient diagonal</title>
<defs>
<linearGradient id="r" y1="1">
<stop offset="0" stop-color="#f00">
<animate attributeName="stop-color" values="red; #ff0; #0f0; cyan; blue; #f0f; red" dur="7s" fill="freeze" repeatDur="indefinite" />
</stop>
<stop offset="0.2857" stop-color="#ff0" >
<animate attributeName="stop-color" values="#ff0; #0f0; cyan; blue; #f0f; red; #ff0" dur="7s" fill="freeze" repeatDur="indefinite" />
</stop>
<stop offset="0.4286" stop-color="#0f0" >
<animate attributeName="stop-color" values="#0f0; cyan; blue; #f0f; red; #ff0; #0f0" dur="7s" fill="freeze" repeatDur="indefinite" />
</stop>
<stop offset="0.5714" stop-color="cyan" >
<animate attributeName="stop-color" values="cyan; blue; #f0f; red; #ff0; #0f0; cyan" dur="7s" fill="freeze" repeatDur="indefinite" />
</stop>
<stop offset="0.7142" stop-color="blue" >
<animate attributeName="stop-color" values="blue; #f0f; red; #ff0; #0f0; cyan; blue" dur="7s" fill="freeze" repeatDur="indefinite" />
</stop>
<stop offset="0.8571" stop-color="#f0f" >
<animate attributeName="stop-color" values="#f0f; red; #ff0; #0f0; cyan; blue; #f0f" dur="7s" fill="freeze" repeatDur="indefinite" />
</stop>
<stop offset="1" stop-color="red">
<animate attributeName="stop-color" values="red; #ff0; #0f0; cyan; blue; #f0f; red" dur="7s" fill="freeze" repeatDur="indefinite" />
</stop>
</linearGradient>
</defs>
<rect width="100%" height="100%" fill="url(#r)"/>
</svg>
Datei:Animated rainbow gradient.svg
Zur Navigation springen
Zur Suche springen
Größe dieser Vorschau: 512 × 512 Pixel. Weitere Auflösungen: 240 × 240 Pixel | 480 × 480 Pixel | 768 × 768 Pixel | 1.024 × 1.024 Pixel | 2.048 × 2.048 Pixel.
Originaldatei (Animierte SVG-Datei, Basisgröße 512 × 512 Pixel, Dateigröße: 2 KB)
Hinweis: Aufgrund technischer Beschränkungen werden Vorschaubilder dieser Datei nicht animiert.
<svg
xmlns="http://www.w3.org/2000/svg" version="1.1" >
<title>gradient diagonal</title>
<defs>
<linearGradient id="r" y1="1">
<stop offset="0" stop-color="#f00">
<animate attributeName="stop-color" values="red; #ff0; #0f0; cyan; blue; #f0f; red" dur="7s" fill="freeze" repeatDur="indefinite" />
</stop>
<stop offset="0.2857" stop-color="#ff0" >
<animate attributeName="stop-color" values="#ff0; #0f0; cyan; blue; #f0f; red; #ff0" dur="7s" fill="freeze" repeatDur="indefinite" />
</stop>
<stop offset="0.4286" stop-color="#0f0" >
<animate attributeName="stop-color" values="#0f0; cyan; blue; #f0f; red; #ff0; #0f0" dur="7s" fill="freeze" repeatDur="indefinite" />
</stop>
<stop offset="0.5714" stop-color="cyan" >
<animate attributeName="stop-color" values="cyan; blue; #f0f; red; #ff0; #0f0; cyan" dur="7s" fill="freeze" repeatDur="indefinite" />
</stop>
<stop offset="0.7142" stop-color="blue" >
<animate attributeName="stop-color" values="blue; #f0f; red; #ff0; #0f0; cyan; blue" dur="7s" fill="freeze" repeatDur="indefinite" />
</stop>
<stop offset="0.8571" stop-color="#f0f" >
<animate attributeName="stop-color" values="#f0f; red; #ff0; #0f0; cyan; blue; #f0f" dur="7s" fill="freeze" repeatDur="indefinite" />
</stop>
<stop offset="1" stop-color="red">
<animate attributeName="stop-color" values="red; #ff0; #0f0; cyan; blue; #f0f; red" dur="7s" fill="freeze" repeatDur="indefinite" />
</stop>
</linearGradient>
</defs>
<rect width="100%" height="100%" fill="url(#r)"/>
</svg>
Dateiversionen
Klicke auf einen Zeitpunkt, um diese Version zu laden.
Version vom | Vorschaubild | Maße | Benutzer | Kommentar | |
---|---|---|---|---|---|
aktuell | 13:49, 18. Nov. 2019 | 512 × 512 (2 KB) | Lily (Diskussion | Beiträge) | {{SVG}} |
Du kannst diese Datei nicht überschreiben.
Dateiverwendung
Keine Seiten verwenden diese Datei.