注意:ie6~ie8都不支持边框阴影(box-shadow),ie9+,Firefox,Chrome,Opera支持边框阴影属性(box-shadow) 内阴影 (inset) 外阴影:【默认为外阴影】 在边框阴影(box-shadow)的基本语法中,参数inset是可选可不选的,选参数inset, ...
分类:
Web程序 时间:
2018-12-17 21:32:58
阅读次数:
198
注:阴影有多种书写方法,属性可分开书写,也可写成符合样式 简介:CSS3是 CSS(层叠样式表)技术的升级版本,于1999年开始制订,2001年5月23日W3C完成了CSS3的工作草案,主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。 兼容问题:因为是CSS3 ...
分类:
Web程序 时间:
2018-12-14 22:43:57
阅读次数:
247
使用一个div实现太极图的步骤如下: HTML部分: 第一步,结合border实现左黑右白的正方形,加上圆角、阴影。代码如下; 效果如下: 第二步,通过伪类,实现一个一个白色的圆形,定位好位置。同时,利用box-shadow:0 200px 0 #000;实现同样大小的圆,放好。 先后实现的效果如下 ...
分类:
Web程序 时间:
2018-11-29 23:23:04
阅读次数:
509
border:100px solid ; box-shadow: inset 0 1px,inset 1px 0px,inset 0 -1px,inset -1px 0px; width:0px; height: 0px; margin:0 auto; /*transparent 透明*/ bord... ...
分类:
其他好文 时间:
2018-11-15 18:31:02
阅读次数:
163
好了,上代码。官方用语: box-shadow:1px 2px 3px 4px #ccc inset; 来分别看一下以上六个值的含义: 1px 从原点开始,沿x轴正方向的长度(倘若为负值,为沿x轴负方向的长度); 2px 从原点开始,沿y轴正方向的长度;(倘若为负值,为沿y轴负方向的长度); 3px ...
分类:
其他好文 时间:
2018-11-15 18:27:58
阅读次数:
541
1. 盒阴影 会产生一个或者多个阴影 使用: (多个阴影,以逗号隔开) /* (不能为负值) (可以负值) */ /* 水平方向偏移量 垂直反向偏移量 模糊程度 扩散程度 颜色 是否是内阴影; */ box-shadow: 20px 20px 20px 10px yellowgreen; /* 外阴 ...
分类:
Web程序 时间:
2018-11-10 12:54:47
阅读次数:
283
Css3最新特性总结 1、 css3新特性 参照资源:http://www.w3school.com.cn/css3/css3_border.asp总结 1) 边框 border-radius box-shadow border-image 2) 背景 属性 描述 注意事项 background-c ...
分类:
Web程序 时间:
2018-11-05 16:19:20
阅读次数:
350
box-shadow 制作单边阴影效果,不影响其它边的效果: https://blog.csdn.net/u010289111/article/details/53171128 ...
分类:
其他好文 时间:
2018-11-05 16:14:02
阅读次数:
1069
前言:因为公司做广告展示的项目较多,每个三维模型的加载都需要一段时间,通常这段时间由一个Loading加载页动态呈现,这里是除公司框架公用loading.js之外单独用的几种常见方式。 关键点: 1、动态添加内容 2、定时器执行函数 完整代码: 1、基于box-shadow实现的打点效果 订单提交中 ...
分类:
其他好文 时间:
2018-11-04 21:01:47
阅读次数:
531
外阴影:box-shadow: X轴 Y轴 Rpx color; 属性说明(顺序依次对应): 阴影的X轴(可以使用负值) 阴影的Y轴(可以使用负值) 阴影模糊值(大小) 阴影的颜色 内阴影:box-shadow: X轴 Y轴 Rpx color inset; 默认是外阴影 内阴影:inset 可以设 ...
分类:
Web程序 时间:
2018-10-28 20:36:49
阅读次数:
267