Zusammenfassung der neuen Funktionen von Atitti CSS3 Attilax

Zusammenfassung der neuen Attilax-Funktion von Atitti CSS3

Bildglüheffekt 2

Transparenter Verlaufseffekt 2

Textstrich 2

Hintergrunddehnung 2

CSS3-Auswahl 4

@Font -face Feature 7

Zeilenumbruch & Textüberlauf Stil 9

Wortumbruch9

Textüberlauf10

Textdekoration Strich 12

CSS3 multi -Spaltenlayout (mehrspaltiges Layout) 13

Rahmen und Farbe (Farbe, Rahmen) 14

CSS3-Verlaufseffekt (Verlauf) 15

Linearer Verlauf 15

Radialer Farbverlauf 16

CSS3-Schatten- und Reflexionseffekt 19

CSS3-Hintergrundeffekt 21

CSS3-Boxmodell 23

CSS3-Übergänge, Transformationen und Animation30

Übergänge30

Transformation31

Animation33

Bildglüheffekt

text-shadow:#000 3px 0 0,#000 0 3px 0,#000 -3px 0 0,#000 0 -3px 0;

Sie können den Lichteffekt für jede Seite einstellen, was komplizierter ist. .

Transparenter Verlaufseffekt

Hintergrund: radial-gradient(circle, rgba(230,251,12,1.00) 40% , rgba(230,251,12,1.00) , rgba(230,251,12,0 )) ; /* Standardsyntax */

Textstrich

sollte mit Textdekorationsstrich erfolgen. . Obwohl der leuchtende Effekt akzeptabel ist, ist der Einzeleffekt nicht gut

Hintergrunddehnung

Hintergrundgröße:100% 100%

CSS3-Übergänge, Transformationen und Animation30

Transitions30

transition-property: wird verwendet, um Übergangseffekte anzugeben

Transform31

Animation33