ei9以下不支持,要加上浏览器内核前缀(-webkit-)
盒子阴影:box-shadow
box-shadow:inset 10px 20px 30px red;
第一个值:默认省略或者inset,可以省略,即为默认。处理盒子阴影是在里面还是外面
默认省略 就是外面
inset 就是里面
第二个值:具体的数值,可以是正数也可以是负数,表示x轴的大小
第三个值:具体的数值,可以是正数也可以是负数,表示y轴的大小
第四个值:具体的数值,可以是正数,不可以是负数,可以省略,省略之后没有模糊面积,表示盒子阴影模糊的面积。
第五个值:具体的颜色值,英文单词,16进制,rgba,rgb。
盒子阴影的值可以不断添加。
文字阴影
text-shadow: 5px 5px 4px #ccc;
第一个值:具体的数值,可以是正数也可以是负数,表示文字阴影x轴的大小
第二个值:具体的数值,可以是正数也可以是负数,表示文字阴影y轴的大小
第三个值:具体的数值,可以是正数,不可以是负数,可以省略,省略之后没有模糊面积,表示文字阴影模糊的面积。
第四个值:具体的颜色值,英文单词,16进制,rgba,rgb。
文字阴影的值可以不断添加。
text-shadow: 5px 5px 4px #ccc,15px 15px 14px red,-15px -15px 14px blue;
}
网友评论