码迷,mamicode.com
首页 > Web开发 > 详细

css阴影——box-shadow

时间:2019-12-19 15:48:08      阅读:446      评论:0      收藏:0      [点我收藏+]

标签:blur   css   允许   filename   位置   语法   测试案例   pre   www   

1、语法

     box-shadow: h-shadow v-shadow blur spread color inset;

     box-shadow: 水平阴影  垂直阴影 模糊距离 阴影大小 阴影颜色 从外层的阴影(开始时)改变阴影内侧阴影;

2、参数值说明

1)h-shadow:必需。水平阴影的位置。允许为负。

2)v-shadow:必需。垂直阴影的位置。允许负值。

3)blur:可选。模糊距离。

4)spread:可选。阴影的大小。

5)color:可选。阴影的颜色。

6)inset:可选。从外层的阴影(开始时)改变阴影内侧阴影。

测试案例:https://www.runoob.com/try/try.php?filename=trycss3_box-shadow

css阴影——box-shadow

标签:blur   css   允许   filename   位置   语法   测试案例   pre   www   

原文地址:https://www.cnblogs.com/sylys/p/12068105.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!