Versteckt

Versteckte Versuchs- und Speicherseite für Webdesign und Designobjekte

https://www.ionos.de/digitalguide/websites/webdesign/css-befehle/

https://www.mediaevent.de/css/background.html

https://de.hexcolor16.com/cccccc

https://pimp-your.jimdo.com/homepage-zubehoer/laufschrift-und-ticker/

https://www.redesign-berlin.de/

https://www.redesign-berlin.de/jimdo-tutorials/css-anpassungen/css-formatierungen/

Leerfeld darunter ist CSS1 Box und darunter Textbox mit Ergebnis

Probe Box

Leerfeld darunter ist CSS2 Box und darunter Textbox mit Ergebnis

Probe Box 2

Leerfeld darunter ist CSS3 Box und darunter Textbox mit Ergebnis

Probe Box 3

Mit CSS transition läßt sich background-color animieren.

HOVER oder TOUCH

.animebox { 
        background-color: honeydew;
        transition:background 1s 
}
.animebox:hover {
        background-color: cornflowerblue
}
.anime {
background-color: cornflowerblue
}

background-color: Hintergrundfarbe eines Elements.
Werte: transparent | <color> | none

transparent (Voreinstellung): macht den Hintergrund vollkommen durchsichtig, so dass eventuell darunter liegende Bereiche sichtbar werden.
<color>: ist entweder das Schlüsselwort für eine Farbe (red), die sechsstellige Hexadezimalzahl (#FFFFFF) oder ein Tripel aus RGB-Werten (255,255,255) oder HSL-Werten (60,25%,50%). Als sicher gelten nur Hex-Angaben und RGB-Werte, während HSL-Werte von älteren Browsern (sprich: vor IE9) nicht unterstützt werden (CSS Color).
none: löscht zuvor vereinbarte Hintergrundbilder oder -farben.

background-color:transparent und background-color:none haben dieselbe Wirkung: Sie entfernen Hintergrundfarben und Hintergrundbilder.

Nachfolgend eine Anime Box

Probe Box 4

Laufschrift-Ticker mit Link Pimp Your