效果：CSS：.dot{width:14px;height:14px;font:12px/18pxArial;border-radius:7px;display:inline-block;vertical-align:middle;position:relative;box-shadow:0px1p...
分类：
Web程序 时间：
2014-12-03 12:08:22
阅读次数：
314
E兼容CSS3圆角border-radius，box-shadow，text-shadow的方法1.下载ie-css3.htc2.CSSbox { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safa...
分类：
Web程序 时间：
2014-11-25 10:35:43
阅读次数：
170
.tip{width:485px; height:260px; position:absolute;top:10%; left:30%;background:#fcfdfd; box-shadow:1px 8px 10px 1px #9b9b9b;border-radius:1px; behavio...
分类：
其他好文 时间：
2014-11-21 12:04:23
阅读次数：
166
谈谈box-shadow的具体使用方法语法：E {box-shadow: ??||}也就是：E {box-shadow:inset x-offset y-offset blur-radius spread-radius color}换句说：对象选择器 {box-shadow:投影方式 X轴偏移量.....
分类：
其他好文 时间：
2014-11-20 18:18:30
阅读次数：
352
实例一：1.html 2.css .divOne { margin-left: 30px; floa...
分类：
其他好文 时间：
2014-11-20 11:46:10
阅读次数：
253
经过长久以来的不懈努力，我终于成功的将selectivizr与PIE这两个解决css3的利器进行了深度的整合，大大降低了使用难度只要在你的页面上加入这一行代码，整个页面全部兼容css3，不要忘了将文件下载回来放进/js/文件夹兼容圆角border-radius，盒阴影box-shadow、渐变色li...
分类：
Web程序 时间：
2014-11-19 18:30:14
阅读次数：
209
测试环境:OS --> winXPBrowsers --> IE6+, FF 3.0.11, FF 3.5, Opera 10 beta 2, Safari 4, Chrome 3.0.195一. box-shadow(阴影效果)使用:box-shadow: 20px 10px 0 #000;-mo...
分类：
Web程序 时间：
2014-11-19 15:42:58
阅读次数：
267
一、无关紧要碎碎念在web页面的ui表现中，投影效果可以说是非常常见的一种表现效果了。例如开心网的头像修饰效果：然而，在CSS2的时代，我们多半使用图片实现类似效果，或是使用CSS其他属性模拟阴影效果，但是，现在，CSS3的崛起使得这个问题已经不再是是个问题了，本文就将展示如何实现跨浏览器的盒阴影效...
分类：
Web程序 时间：
2014-11-14 12:14:31
阅读次数：
293
一、前言我之前曾写过一篇关于实现跨浏览器实现box-shadow效果的文章，本文虽然题目类似，但是核心部分是有差异的。前面的文章虽然实现IE下的盒阴影效果也是使用的滤镜，但是使用的是shadow滤镜，这种滤镜的效果很牵强，效果过渡不自然，见下图：您可以狠狠地点击这里：IE下阴影不自然demo而本文实...
分类：
Web程序 时间：
2014-11-14 12:10:59
阅读次数：
179
.image{box-shadow: 0 0 3px #000;}
分类：
Web程序 时间：
2014-11-13 10:48:08
阅读次数：
145
