阴影效果通常用来表现光线投射在物体上的感觉，如果想制作一个如图5.19所示的文字光影效果，就可以使用背景的线性渐变进行构建。
图5.19可以看到有类似光束照射文字的效果，很好地突出了文字。这实现起来很简单，只需要对文字居中，对背景元素设置从中心发散的放射渐变即可，代码如下：
// HTML代码<div class="box">赞</div> // CSS代码：.box{ width: 200px; height: 200px; font-size: 80px; line-height: 200px; text-align: center; background: -webkit-radial-gradient(#feb3ad, #fd695d); background: -o-radial-gradient(#feb3ad, #fd695d);background: -moz-radial-gradient(#feb3ad, #fd695d);background: radial-gradient(#feb3ad, #fd695d);}
这样，一个最基本的光影背景效果就完成了，可以通过调节颜色来设置光影的亮度，越接近白色越亮。通过调整中心色彩占据的百分比来调节光晕效果的范围，如图5.20所示。
图5.20 调节光晕效果
相比图片来说，开发者可以通过直接调整CSS代码中的参数获得效果的改变，灵活性和开发速度都大大提高了。
有学习的一起交流
Cara menggunakan fungsi pilih
Perbezaan antara berlabuh dan bertujuan
Apakah kelekitan pengguna
Bagaimana untuk mengambil tangkapan skrin pada komputer
Bagaimana untuk mengaktifkan sistem versi profesional win7
Tidak dapat menyambung ke internet
Analisis statistik
Cara membuat klon WeChat pada telefon bimbit Huawei
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
