Mempercantik teks di ruang Anda: 20 efek cermin font CSS

Saya melihat beberapa efek pencerminan teks di Internet, dan tiba-tiba merasa teks di ruang saya terlalu monoton. Saya tidak terburu-buru untuk mengoptimalkannya, jadi saya memilah beberapa efek pencerminan teks CSS terlebih dahulu, karena yang asli tidak memiliki kode CSS. Untuk memudahkan setiap orang menggunakan ruang beranda masing-masing, saya memilah kode CSS-nya. Sekarang Anda dapat menambahkannya ke CSS Anda untuk mempercantik ruangan. Efeknya adalah sebagai berikut:

Kode CSS yang sesuai adalah:

1.
filter:cahaya(warna=merah,kekuatan=10);tinggi:1
2.
filter:blur(tambahkan=t,arah=135,kekuatan=10);tinggi:1
3.
filter:progid:DXImageTransform.Microsoft.motionblur(kekuatan=30,tambahan=1,arah=135) sejajarkan:tengah

4.
filter:progid:DXImageTransform.Microsoft.wave(Kekuatan=3) sejajar:tengah
5.
filter:progid:DXImageTransform.Microsoft.wave(Strength=3,freq=5) align:center

6.
filter:gelombang(tambahan=t,freq=5,kekuatan cahaya=5,fase=0,kekuatan=5);
tinggi:1
7.
filter:bayangan(warna=biru);tinggi:1
8.
filter:dropshadow(warna=merah marun,positif=1)
9.
filter:dropshadow(warna=merah marun,positif=0);
10.
filter:progid:DXImageTransform.Microsoft.engrave(bias=0,5);
tinggi:1;ukuran font:20pt;keluarga font:dampak;warna latar:biru
sejajar: tengah
11.
filter:progid:DXImageTransform.Microsoft.emboss(bias=0,5);
tinggi:1;keluarga font:dampak;ukuran font:20pt;warna latar:biru
sejajar: tengah
12.
FILTER: topeng(warna=#E1E4EC)bayangan(warna=#8C96B5,arah=135)chroma(warna=#E1E4EC)" align:center
13.
FILTER: alpha(opacity=100,finishiopacity=0,style=1)shadow(warna=biru,arah=135) align:center
14.
FILTER: mask(warna=#E1E4EC)dropshadow(warna=#B4BBCF,offx=-3,offy=-3,positif=1)chroma(warna=#E1E4EC) sejajar:tengah
15.
FILTER: cahaya(warna=#8C96B5,kekuatan=2)bayangan(warna=#B4BBCF,arah=135) sejajar:tengah
16.
FILTER: topeng(warna=#E1E4EC)bayangan(warna=#B4BBCF,arah=135)chroma(warna=#E1E4EC) sejajar:tengah
17.
FILTER: cahaya(kekuatan=1)mask(warna=#B4BBCF)chroma(warna=#B4BBCF) sejajar:tengah
18.

filter: membalik
19.
penyaring: flipv
20.
FILTER: cahaya (kekuatan = 4) masker (warna = # E1E4EC)

Cukup tambahkan kode pada atribut font {} yang ingin diubah di CSS. Anda juga dapat mengubah kode-kode ini sesuai dengan preferensi Anda sendiri.