【CSS3】阴影 box-shadow(二)
来源:互联网 发布:淘宝企业店铺年费 编辑:程序博客网 时间:2024/05/16 17:43
1、阴影模糊半径与阴影扩展半径的区别
阴影模糊半径:此参数可选,其值只能是为正值,如果其值为0时,表示阴影不具有模糊效果,其值越大阴影的边缘就越模糊;
阴影扩展半径:此参数可选,其值可以是正负值,如果值为正,则整个阴影都延展扩大,反之值为负值时,则缩小;
2、X轴偏移量和Y轴偏移量值可以设置为负数
box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];
X轴偏移量为负数:
.boxshadow-outset{ width:100px; height:100px; box-shadow:-4px 4px 6px #666;}
效果图:
Y轴偏移量为负数:
.boxshadow-outset{ width:100px; height:100px; box-shadow:4px -4px 6px #666;}
效果图:
0 0
- 【CSS3】阴影 box-shadow(二)
- 【CSS3】---阴影 box-shadow
- css3阴影box-shadow
- css3阴影box-shadow
- CSS3 盒阴影(box-shadow)详解
- 【CSS3】阴影 box-shadow(一)
- CSS3 盒阴影(box-shadow)详解
- css3阴影属性box-shadow
- CSS3 box-shadow(阴影使用)
- CSS3 box-shadow(阴影使用)
- CSS3 box-shadow(阴影使用)
- CSS3盒阴影box-shadow
- css3 边框阴影 box-shadow
- IE下模拟css3中的box-shadow(阴影)
- IE下模拟css3中的box-shadow(阴影)
- IE下模拟css3中的box-shadow(阴影)
- CSS3之元素阴影box-shadow
- CSS3 box-shadow 阴影的使用
- java反射讲解实例
- Kibana的图形化——Tile Map
- 第0章 计算机概论
- 关于有偿提供拼图响应式后台的通知
- 复选框checkbox 判断是否选中、批量选中
- 【CSS3】阴影 box-shadow(二)
- 关于编程素养
- struts2标签
- facebook审核流程
- android 对话框(一)Dialog
- DBUnit使用心得
- eclipse 重新关联源码方式
- C语言 解析lrc歌词文件
- 数据库 员工管理系统 设计报告