Bilder im CSS-Stil, Farbverläufe und zugehörige Wissenszusammenfassung

1. Hintergrundposition: (Bildpositionierung)

Drei Schreibweisen:

1): Gemäß dem %-Verhältnis ist die obere linke Ecke die kleinste (0 %, 0 %), die untere rechte Ecke ist die größte (100 %, %100): (x, y). ) Die obere linke Ecke ist die kleinste (0, 0), die rechte Ecke ist die größte (max, max);
3) oben, in der Mitte, links, rechts, unten;

2. Hintergrundclip: 1, einschließlich des Wertes dieses Teils: Rand; Inhalt; >Drei, Hintergrund-Ursprung:

1, ab Dieser Teil des Wertes beginnt: Grenze; ​​Polsterung; > Viertens, ob das Hintergrundbild fest ist oder mit dem Rest der Seite scrollt. 1, scrollen: scrollt mit dem Rest der Seite

2, fixiert: fixiert an einer bestimmten Position im Fenster.

Fünf, Gradient:

1, linearer Gradient: linear-gradient:

1) Wenn es ein Winkel ist: Winkel, Übergangsfarbe ;
2) Wenn es top ist. . . , vor der Richtung hinzufügen und danach die Übergangsfarbe;

2, radialer Farbverlauf: radialer Farbverlauf:

1) Die Standardeinstellung ist der Mittelpunkt-Farbverlauf 2) [Größe oben links]: wobei Größe ist der Gradientenradius. 3, Wiederholter Farbverlauf:

1) Wiederholter linearer Farbverlauf: Repeating-linear-gradient: Das Format ist das gleiche wie beim linearen Farbverlauf.

2) Wiederholen Sie den radialen Farbverlauf: reoeating-radial-gradient: Das Format ist das gleiche wie beim radialen Farbverlauf.

Die oben genannten CSS-Stilbilder, Verläufe und zugehörigen Kenntnisse (muss gelesen werden) sind alle vom Herausgeber geteilten Inhalte. Ich hoffe, dass sie Ihnen eine Referenz geben können, und ich hoffe, dass Sie die chinesische PHP-Website unterstützen.

Weitere Bilder im CSS-Stil, Farbverläufe, zugehörige Wissenszusammenfassungen und verwandte Artikel finden Sie auf der chinesischen PHP-Website!