盒子阴影 box-shadow
box{
box-shadow:h-shadow v-shadow blur spread color;
}
第一个属性值是 X轴偏移量
第二个属性值是Y轴偏移量
第三个属性值是模糊半径
第四个属性值是阴影大小以上四个属性值像素即可
第五个属性值是阴影颜色
第六个属性值是阴影位置1) 默认外部2) inset 内部
多个阴影逗号隔开叠加
文字阴影 text-shadow
box{
text-shadow: h-shadow v-shadow blur color;
}
第一个属性值是 X轴偏移量
第二个属性值是Y轴偏移量
第三个属性值是模糊半径以上三个属性值像素即可
第五个属性值是阴影颜色
多个阴影逗号隔开叠加
四.遮罩(mask)
maske-image:url();任何内心图片都是可以的,只是说不透明的图片我们看不到后面的背景
mask-repeat属性值默认repeat,行为类似于background-repeat
mask-position属性值和background-position支持的属性值表现一模一样
mask-size遮罩图片的大小
mask-origin
网友评论