CSS 的shadow的属性

box-shadow属性

box-shadow { h-shadow, v-shadow, blur, spread, color, inset }

  • h-shadow : 表示的是纵向的阴影距离.

  • v-shadoe : 表示的是横向的阴影距离.

  • blur : 表示的是阴影的模糊距离. 数值越大阴影越模糊.

  • spread : 阴影的尺寸. 数值越大,阴影面积会越大.

  • color : 表示的是阴影的颜色.

  • inset : 将阴影变为内部阴影.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着HTML5和CSS...
    arlene112阅读 2,299评论 0 1
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 1,815评论 0 2
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,349评论 0 11
  • 转载请声明 原文链接 关注公众号获取更多资讯 这篇文章主要总结H5的一些新增的功能以及一些基础归纳,这里只是一个提...
    前端进阶之旅阅读 9,117评论 22 225
  • 开学前夕,校领导为我们准备了丰盛的“大餐”。 饭前甜点,开场王校长提出优秀的教师不分学科,而在于用心不用心...
    李慧玲_00af阅读 602评论 2 6