最新消息:周一至周五21:30分QQ群(161510483)直播,零基础免费学谷歌SEO,WEB前端,PHP入门教程

CSS阴影:设置阴影

CSS学习系列 林雍岷 155浏览

css设置阴影:box-shadow 以由逗号分隔的列表来描述一个或多个阴影效果。要学习如何添加一些CSS3阴影效果,在标题文本以及布局的主要内容区域添加阴影效果。该属性可以让几乎所有元素的边框产生阴影。如果元素同时设置了 border-radius ,阴影也会有圆角效果。多个阴影在 z轴 的顺序 和多个 text shadows 规则相同(第一个阴影在最上面)。

box-shadow:x,y rgba(0,0,0,0.5)
text-shadow:color x y blur-radius

1、wrap
box-shadow:0.625rem 0.625rem rgba(58,89,87,0.5)

x-offset
y-offset

2、.heading-shadow
text-shadow:0.0625rem 0.0625rem #d0cbb8,0.125rem 0.125rem #aba076

转载请注明:林雍岷 » CSS阴影:设置阴影