你会使用阴影了吗

109 阅读1分钟

背景: 项目中,使用阴影可以实现一种立体效果,但是阴影好几个值,你记住了吗

1.盒子阴影

box-shadow: 水平x 垂直y 模糊度blur 扩大spread 颜色color 内外阴影insert

image.png

注意:不用写外阴影,默认就是,写了样式报错

应用:试着用阴影画一个哆啦A梦?

2.文字阴影(阴影效果,吸引注意)

text-shadow: 水平x 垂直y 模糊度blur 颜色color

image.png

注意: 阴影可以叠加设置,每组阴影取值逗号分隔