摘要:水平阴影的位置。阴影的颜色语法值描述必需。阴影水平偏移量,可正可负,正值表示阴影在右边,负值表示阴影在左边。将外部阴影改为内部阴影。向框添加一个或多个倒影。定义倒影与对象之间的间隔,可正可负,默认为。使用线性渐变创建遮罩图像。
语法:text-shadow: x-shadow y-shadow distance color;
值 | 描述 |
x-shadow | 必需。水平阴影的位置。允许负值。 |
y-shadow | 必需。垂直阴影的位置。允许负值。 |
distance | 可选。模糊的距离。 测试 |
color | 可选。阴影的颜色 |
语法:box-shadow: x-shadow y-shadow distance size color inset/outset;
值 | 描述 |
x-shadow | 必需。阴影水平偏移量,可正可负,正值表示阴影在右边,负值表示阴影在左边。 |
y-shadow | 必需。阴影垂直偏移量,可正可负,正值表示阴影在上边,负值表示阴影在下边。 |
distance | 可选。阴影模糊距离。只能为正值,值为0时,表示阴影不具有模糊效果,值越大阴影的边缘就越模糊。 |
size | 可选。阴影扩展半径。可正可负,正值表示整个阴影都延展扩大,负值表示缩小。 |
color | 可选。阴影的颜色。 |
inset | 可选。将外部阴影 (outset) 改为内部阴影。 |
向框添加一个或多个倒影。 (1)direction:定义倒影的方向,取值包括: above:倒影在对象的上边。 below:倒影在对象的下边。 left:倒影在对象的左边。 right:倒影在对象的右边。 (2)offset:定义倒影与对象之间的间隔,可正可负,默认为0。取值包括: 长度值 百分比(根据对象的尺寸进行确定) (3)mask-box-image:定义遮罩图像,该图像将覆盖投影区域,默认为无遮罩。:使用绝对或相对地址指定遮罩图像。 :使用线性渐变创建遮罩图像。 :使用径向(放射性)渐变创建遮罩图像。 :使用重复的线性渐变创建背遮罩像。 :使用重复的径向(放射性)渐变创建遮罩图像。
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/2206.html
摘要:是的一半半径至少设置为的值是向盒子添加阴影。我们来看下语法轴偏移量轴偏移量阴影模糊半径阴影扩展半径阴影颜色投影方式参数介绍注意可以写在参数的第一个或最后一个,其它位置是无效的。如效果边框为边框应用图片 border-radius是向元素添加圆角边框。 使用方法: border-radius:10px;/* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4...
css3新增选择器 属性选择器 包括h5中新增的自定义属性 p[data-id]{color: red} sasas 属性选择器可以指定属性值 的样式变化 E[attr=value] 指定属性名 p[data-id=111]{color: red} sasas1 sasas2 sasas3 只有第一行才会...
摘要:前缀浏览器兼容根据了解,属性大部分支持,部分支持,少部分支持前缀苹果谷歌火狐浏览器世界之窗例如兼容转换过渡关键帧动画转换及以上支持,需添加前缀属性的方法使用缩放轴缩放倍,轴缩放倍,只有一个值时为缩放倍数倾 css3前缀(浏览器兼容) 根据了解,css3属性大部分支持ie10,部分支持ie9,少部分支持ie8 // 前缀 // -webkit- Safari and Chrome(...
阅读 2513·2021-11-24 10:20
阅读 2348·2021-09-10 10:51
阅读 3340·2021-09-06 15:02
阅读 3066·2019-08-30 15:55
阅读 2809·2019-08-29 18:34
阅读 3025·2019-08-29 12:14
阅读 1169·2019-08-26 13:53
阅读 2865·2019-08-26 13:43