Hintergrund Regenbogenfarben - geht das?
Hallo zusammen! Wir haben heute angefangen, in der Schule mit HTML zu "programmieren", und eine Klassenkameradin hatte die Idee, den Hintergrund Regenbogenfarben zu machen, aber wir haben keine Idee wie. Ist das möglich und wenn ja, wie?
MfG Lass228
3 Antworten
Vom Beitragsersteller als hilfreich ausgezeichnet
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Computer, Technik, HTML
Das lässt sich mit CSS und einem Gradient-Effekt (für das background-Property) bewerkstelligen.
<!doctype html>
<head>
<title>Rainbow</title>
<style>
body {
background: linear-gradient(
90deg,
rgba(255, 0, 0, 1) 0%,
rgba(255, 155, 0, 1) 10%,
rgba(210, 220, 30, 1) 20%,
rgba(80, 220, 75, 1) 30%,
rgba(65, 220, 220, 1) 40%,
rgba(50, 200, 230, 1) 50%,
rgba(30, 130, 240, 1) 60%,
rgba(90, 20, 240, 1) 70%,
rgba(185, 10, 250, 1) 80%,
rgba(250, 7, 220, 1) 90%,
rgba(255, 0, 0, 1) 100%
);
}
</style>
</head>
<body>
<!-- your content ... -->
</body>
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Technik
Klar geht schon, man muss die richtigen Farbcodes in die richtige Zeile setzen, und die Richtige Position, oder man nimmt fertige Hintergrundbilder und fügt diese ein.
Klar, hier ist ein Gradient Generator bei dem ihr euch austoben koennt: