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

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

王林
Lepaskan: 2020-10-14 16:52:32
ke hadapan
2279 orang telah melayarinya

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

描边: 主流浏览器都支持

(推荐教程:css视频教程

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

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

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

相关推荐:CSS教程

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

Label berkaitan:
sumber:csdn.net
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan