CSS3盒子边框阴影,内阴影外阴影
CSS3盒子边框阴影,内阴影外阴影//X:横向阴影(偏移值)//Y:纵向阴影(偏移值)//Z:扩散面积//#FF00FF:阴影颜色box-shadow: X Y Z #FF00FF;
·
// X:横向阴影(偏移值)
// Y:纵向阴影(偏移值)
// Z:扩散面积
// #FF00FF:阴影颜色
box-shadow: X Y Z #FF00FF;
div {
box-shadow: 0px 2px 3px #FF00FF;
}
效果图
// X:横向阴影(偏移值)
// Y:纵向阴影(偏移值)
// Z:扩散面积
// #FF00FF:阴影颜色
box-shadow: X Y Z #FF00FF;
div {
box-shadow: 5px 5px 5px #FF00FF;
}
效果图
盒子边框内阴影
.box{
border:5px solid #000;
box-shadow: 0px 0px 20px red inset;
}
更多推荐
已为社区贡献10条内容
所有评论(0)