text-indent:35px;//首行缩进line-height:12px;//行高,高度和外层高度一样就会居中box-shadow:inset 0px 0px 2px #ccc;contenteditable="true"//使得div变为可编辑Math.min.apply(null,arra...
分类：
Web程序 时间：
2015-08-26 19:57:30
阅读次数：
141
CSS3的box-shadow属性可以让我们轻松实现图层阴影效果。我们来实战详解一下这个属性。1. box-shadow属性的浏览器兼容性先来看一个这个属性的浏览器兼容性:Opera: 不知道是从哪个版本开始支持的，我在发这篇文章测试的时候，正好更新了Opera到最新的10.53版本，已经支持box...
分类：
Web程序 时间：
2015-08-20 10:17:16
阅读次数：
148
题外话今天拜读了大漠的<>发现里面这个按钮的实例挺赞的,稍微完善了一下原来例子.
去掉一些现在不用的前缀,补全了最终版的.clearfix,还有样式稍作修改~~原版效果图:
预备知识
基础布局知识
CSS2.1 && CSS3
制作原理(CSS3特性)
box-shadow – 盒子阴影 -> 使用多层阴影达到立体效果
box-image:linear-gradient ->...
分类：
Web程序 时间：
2015-08-18 19:25:17
阅读次数：
205
box-shadow:inset 30px 40px 20px #f00;如上实例，总共五个参数，其中第一个代表阴影是向内阴影还是向外阴影，第二个参数代表向右（从左向右）的偏移量，第三个参数代表向下的偏移量，第四个参数代表阴影的距离，越大越模糊，第五个代表阴影的颜色，截图如下如果去掉第一个参数，那么...
分类：
其他好文 时间：
2015-08-18 18:22:38
阅读次数：
103
创建圆角 border-radius:25px; 创建边框阴影 box-shadow: 10px 10px...
分类：
Web程序 时间：
2015-08-18 13:36:05
阅读次数：
106
-moz-box-shadow: 投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色;//Safari and Google chrome10.0--webkit-box-shadow: 投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色;//Firefox4...
分类：
其他好文 时间：
2015-08-17 11:42:03
阅读次数：
114
来自W3CSchool的解释语法：box-shadow: h-shadow v-shadow blur spread color inset;注释：box-shadow 向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表，每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规...
分类：
Web程序 时间：
2015-08-12 19:09:53
阅读次数：
164
box-shadow是一个很好用并且也常用的css 3属性，但是，如果我们要保证它能在ie 8及更低的版本下运行的话，需要借助一些其他的插件或文件。在这里我主要讲一下，如何用PIE.htc来解决ie 7不支持box-shadow。代码如下：无标题文档 注：1.z-index值要比周围元素高; ...
分类：
其他好文 时间：
2015-08-11 22:42:01
阅读次数：
121
今天做项目遇到一个box-shadow的溢出父容器的问题，如下面的代码中，子容器inner的box-shadow在没有任何设置的情况下是溢出父容器的。代码： View Code预览图：此时解决的方法很简单，只需要在父容器的样式里加上over-flow:hidden就可以了 ...
分类：
Web程序 时间：
2015-08-06 01:59:45
阅读次数：
137
CSS代码：.dotting { display: inline-block; min-width: 2px; min-height: 2px; box-shadow: 2px 0 currentColor, 6px 0 currentColor, 10px 0 currentColor...
分类：
其他好文 时间：
2015-07-31 14:26:20
阅读次数：
129
