css3 box-shadow 属性的使用
来源:互联网 发布:女士西装品牌知乎 编辑:程序博客网 时间:2024/06/08 04:49
box-shadow属性里面有6个参数,其中有2点需要注意
1、x偏移量和y偏移量可以使用负数:
- 当x,y偏移量都是正数4px,4px时,阴影在盒子的右下方;
.boxshadow-outset{ width:100px; height:100px; box-shadow:4px 4px 6px #666; }
- 当x,y偏移量改为-4px,-4px时,阴影跑到了盒子的左上方:
.boxshadow-outset{ width:100px; height:100px; box-shadow:-4px -4px 6px #666; }
2.x,y偏移量之后的一个参数往往指“阴影模糊半径”,即模糊距离的大小
- 阴影模糊半径为6px,模糊距离较小
.boxshadow-outset{ width:100px; height:100px; box-shadow:-4px -4px 6px #666; }
- 阴影模糊半径增大到26px时,模糊距离变的非常大,从图片上可以非常清晰地看到变化
.boxshadow-outset{ width:100px; height:100px; box-shadow:-4px -4px 26px #666; }
阅读全文
1 0
- css3 box-shadow 属性的使用
- css3中webkit-linear-gradient、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属性的使用方法
- css3的box-shadow的使用
- css3 的 box-shadow
- CSS3 box-shadow 阴影的使用
- CSS3阴影 box-shadow的使用详解
- LogUtils
- 详解Java的Spring框架中bean的注入集合
- tensorflow预训练参数解析
- centos 的中文字体安装
- 自顶向下深入分析Netty(四)--EventLoop-1
- css3 box-shadow 属性的使用
- Unity3D里实现物体移动到目标点,并且摄像机跟着移动的简单方案
- 以史为鉴,论创业公司如何走向成熟
- android 原子操作
- JAVA中的Random()函数
- Linux相关文章索引(4)
- SSH项目中遇到的懒加载的问题
- java正则java.lang.IllegalStateException: No match found关于find和group方法使用问题
- ngrok的使用