Ich sah einige Textspiegelungseffekte im Internet und hatte plötzlich das Gefühl, dass der Text in meinem Bereich zu eintönig war. Ich hatte es nicht eilig, ihn zu optimieren, also habe ich zuerst einige CSS-Textspiegelungseffekte aussortiert, da dies bei den Originalen nicht der Fall war Um es allen einfacher zu machen, ihre eigene Space-Homepage zu nutzen, sortiere ich deren CSS-Code. Jetzt können Sie es zu Ihrem CSS hinzufügen, um den Raum zu verschönern. Der Effekt ist wie folgt:
20 CSS-Schriftspiegelungseffekte |
20 CSS-Schriftspiegelungseffekte |
20 CSS-Schriftspiegelungseffekte |
20 CSS-Schriftspiegelungseffekte |
20 CSS-Schriftspiegelungseffekte |
20 CSS-Schriftspiegelungseffekte |
20 CSS-Schriftspiegelungseffekte |
20 CSS-Schriftspiegelungseffekte |
20 CSS-Schriftspiegelungseffekte |
20 CSS-Schriftspiegelungseffekte |
20 CSS-Schriftspiegelungseffekte |
20 CSS-Schriftspiegelungseffekte |
20 CSS-Schriftspiegelungseffekte |
20 CSS-Schriftspiegelungseffekte |
20 CSS-Schriftspiegelungseffekte |
20 CSS-Schriftspiegelungseffekte |
20 CSS-Schriftspiegelungseffekte |
20 Arten von CSS-Schriftspiegelungseffekten 20 Arten von CSS-Schriftspiegelungseffekten |
Wunschdenken |
Der entsprechende CSS-Code lautet:
1.
filter:glow(color=red,strength=10);height:1
2.
filter:blur(add=t,direction=135,strength=10);height:1
3.
filter:progid:DXImageTransform.Microsoft.motionblur(strength=30,add=1,direction=135) align:center
4.
filter:progid:DXImageTransform.Microsoft.wave(Strength=3) align:center
5.
filter:progid:DXImageTransform.Microsoft.wave(Strength=3,freq=5) align:center
6.
filter:wave(add=t,freq=5,lightstrength=5,phase=0,strength=5);
Höhe:1
7.
filter:shadow(color=blue);height:1
8.
filter:dropshadow(color=kastanienbraun,positiv=1)
9.
filter:dropshadow(color=kastanienbraun,positiv=0);
10.
filter:progid:DXImageTransform.Microsoft.engrave(bias=0.5);
Höhe:1;Schriftgröße:20pt;Schriftfamilie:Impact;Hintergrundfarbe:blau
ausrichten:zentrieren
11.
filter:progid:DXImageTransform.Microsoft.emboss(bias=0.5);
Höhe:1;Schriftfamilie:Auswirkung;Schriftgröße:20pt;Hintergrundfarbe:blau
ausrichten:zentrieren
12.
FILTER: mask(color=#E1E4EC)shadow(color=#8C96B5,direction=135)chroma(color=#E1E4EC)" align:center
13.
FILTER: alpha(opacity=100,finishiopacity=0,style=1)shadow(color=blue,direction=135) align:center
14.
FILTER: mask(color=#E1E4EC)dropshadow(color=#B4BBCF,offx=-3,offy=-3,positive=1)chroma(color=#E1E4EC) align:center
15.
FILTER: Glow(color=#8C96B5,strength=2)shadow(color=#B4BBCF,direction=135) align:center
16.
FILTER: mask(color=#E1E4EC)shadow(color=#B4BBCF,direction=135)chroma(color=#E1E4EC) align:center
17.
FILTER: Glühen (Stärke = 1) Maske (Farbe = # B4BBCF) Chroma (Farbe = # B4BBCF) Ausrichtung: Mitte
18.
Filter:fliph
19.
Filter:flipv
20.
FILTER: Glühen (Stärke = 4) Maske (Farbe = #E1E4EC)
Fügen Sie einfach den Code zum Schriftartattribut {} hinzu, das Sie in CSS ändern möchten. Sie können diese Codes auch nach Ihren Wünschen ändern.