Rumah >hujung hadapan web >tutorial css >css实现文字描边以及倒影效果

css实现文字描边以及倒影效果

王林
王林ke hadapan
2020-10-14 16:52:322274semak imbas

css实现文字描边以及倒影效果

描边: 主流浏览器都支持

(推荐教程:css视频教程

-webkit-text-stroke:<length> <color>;
-webkit-text-stroke:4px pink;/*描边宽度4px,字体颜色粉红*/

倒影:谷歌、safari、opera支持,火狐不支持

-webkit-box-reflect:<left|right|top|bottom> <length>;
-webkit-box-reflect:left 4px;/*倒影方向座 和倒影间距4px*/

相关推荐:CSS教程

Atas ialah kandungan terperinci css实现文字描边以及倒影效果. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:csdn.net. Jika ada pelanggaran, sila hubungi admin@php.cn Padam

Artikel berkaitan

Lihat lagi