起源http://codepen.io/Zoxon/pen/waymQd?editors=110理解box-shodow属性http://www.w3school.com.cn/cssref/pr_box-shadow.asphttp://www.cnblogs.com/lhb25/archive/...
分类：
Web程序 时间：
2015-07-04 13:58:38
阅读次数：
5103
/*滚动条整体部分 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 12px; } /* 滚动条的轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { -webkit-box-shadow...
分类：
Web程序 时间：
2015-07-03 15:32:00
阅读次数：
155
Button UI Kit CSS3漂亮Button按钮，将Button UI Kit的设计图转换成CSS3的DEMO，制作的方法也相对简单，主要用到了CSS3的渐变gradient 、阴影text-shadow和box-shadow、还有就是字体icon的制作@font-face。但话说回来，属性简单，制作方法简单，但对渐变色的配置，阴影效果的拿捏还是要一定的技术，不信，你试试。...
分类：
Web程序 时间：
2015-06-30 15:04:57
阅读次数：
121
Button UI Kit CSS3漂亮Button按钮，将Button UI Kit的设计图转换成CSS3的DEMO，制作的方法也相对简单，主要用到了CSS3的渐变gradient 、阴影text-shadow和box-shadow、还有就是字体icon的制作@font-face。但话说回来，属性...
分类：
Web程序 时间：
2015-06-30 14:29:17
阅读次数：
121
box-shadow:none|shadow它的值包括 6 个参数：阴影类型，X轴位移，Y轴位移，阴影大小，阴影扩展和阴影颜色。此 6 个参数可以有选择地省略。浏览器兼容性Webkit支持：-webkit-box-shadowMozilla支持：-moz-box-shadowIE9支持：box-sh...
分类：
其他好文 时间：
2015-06-21 01:56:33
阅读次数：
127
本文介绍如何给标签以及图像添加阴影效果，用户还可以给网页中一些元素添加轮廓效果。
box-shadow属性是给对象实现图层阴影效果。
box-shadow: 投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影拓展半径 阴影颜色;
投影方式 此参数是一个可选值，如果不设值，其默认的投影方式是外阴影；如果取其唯一值"inset"，就是将外阴影变成内阴影。
X轴偏移量 指...
分类：
其他好文 时间：
2015-06-14 20:06:04
阅读次数：
143
1. 进入网页管理->设置2. 在"页面定制CSS代码"中添加如下css样式，当然你可以改为自己喜欢的样式#back-to-top { background-color: #00CD00; bottom: 0; box-shadow: 0 0 6px #00CD00; col...
分类：
其他好文 时间：
2015-06-10 10:13:40
阅读次数：
206
我一度认为实现双遮罩层的效果必须需要借助background，事实上利用CSS3的box-shadow属性可以轻松模拟出这种效果。另外抛砖引玉，介绍一下z-index的世界。
分类：
Web程序 时间：
2015-06-02 19:58:17
阅读次数：
596
预备知识
DIV+CSS基础
CSS3的transform 和 transition用法
主要是用了transform的rotate/scale
动画过渡的几个参数(transition-property/transition-duration/ transition-timing-function)
CSS3的box-shadow..这里只用到外阴影
值得一提的:更多属性的参数要查询css手册...
分类：
Web程序 时间：
2015-06-02 17:57:48
阅读次数：
422
下面来说下css3阴影的语法： box-shadow：none | [ , ]* = inset? && [ {2,4} && ? ] 取值： none： 无阴影 ①： 第1个长度值用来设置对象的阴影水平偏移值。可以为负值 ②： 第2个长度值用来设置对象的阴影垂直偏移值。可以为负值 ③： 如果提供了...
分类：
Web程序 时间：
2015-05-31 23:10:30
阅读次数：
153
