(1)whitespace = "[\\x20\\t\\r\\n\\f]";
匹配css3中空白符.
\x20：空格;\t水平制表符(tab);\r\n回车换行\f换页符
(2)characterEncoding = "(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+"
匹配\后任意字符,字母或数字或-,ascii值非\00-\xa0范围内的字符
(3)i...
分类：
Web程序 时间：
2014-05-10 10:21:32
阅读次数：
404
之前曾经研究过几个纯css实现的文字效果，《CSS文字条纹阴影动画》和《响应式奶油立体字效果》等，今天我们来研究几款文字效果，主要利用text-shadow、webkit内核的几个独有特性实现效果。...
分类：
Web程序 时间：
2014-05-10 09:37:06
阅读次数：
591
今天我们来分享一款利用纯CSS3实现的3D按钮，这款按钮的一个特点是有彩色的边线，这让整个按钮显得比较多姿多彩，没那么枯燥无趣。本文不仅可以让大家看到演示效果，而且我们把制作教程也分享出来，首先来看看效果图：我们也可以在这里看到这些按钮的DEMO演示。接下来就来分享一下制作教程以及源代码，按钮的源代...
分类：
Web程序 时间：
2014-05-09 18:24:25
阅读次数：
487
随着响应式设计模型的诞生，Web网站又要发生翻天腹地的改革浪潮，可能有些人会觉得在国内IE6用户居高不下的情况下，这些新的技术还不会广泛的蔓延下
去，那你就错了，如今淘宝，凡客，携程等等公司都已经在大胆的尝试了这项技术，并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式.....
分类：
Web程序 时间：
2014-05-09 12:32:47
阅读次数：
355
通过CSS3的linear-gradient实现的.bg{width:300px;height:50px;background:#caca8c;background-image:-webkit-gradient(linear,50%0,0100%,from(transparent),color-st...
分类：
Web程序 时间：
2014-05-09 12:28:39
阅读次数：
4486
效果如下实现原理：利用CSS3的@keyframes规则创建动画效果；使用CSS3的animation效果完成滚动切换。代码说明：样式表中@-webkit-keyframes及@keyframes定义了旋转360度的操作；样式表中.border
div定义了div的基本样式，红色的10px圆形；10...
分类：
Web程序 时间：
2014-05-09 12:14:49
阅读次数：
325
原文:纯CSS3彩色边线3D立体按钮制作教程今天我们来分享一款利用纯CSS3实现的3D按钮，这款按钮的一个特点是有彩色的边线，这让整个按钮显得比较多姿多彩，没那么枯燥无趣。本文不仅可以让大家看到演示效果，而且我们把制作教程也分享出来，首先来看看效果图：我们也可以在这里看到这些按钮的DEMO演示。接下...
分类：
Web程序 时间：
2014-05-09 11:59:20
阅读次数：
396
此例演示的是通过CSS实现动物头像，效果如下：好了，上代码：html代码： 1 2 3 4
纯CSS3实现的小动物 5 6 7 8 13 14 15 ...
分类：
Web程序 时间：
2014-05-08 20:48:27
阅读次数：
542
昨天的《纯CSS3文字效果推荐》文章里面推荐了8款纯css实现的文字效果，其中3d文字效果最为流行，限于篇幅仅仅展示了其3D实现原理，没有考虑代码的复用性和可移植性，立体字的纵深感、方向感、错落感如何实现个性定制，立体字阴影动画，彩虹字动画等等，一一道来。...
分类：
Web程序 时间：
2014-05-06 21:02:38
阅读次数：
562
传统浏览器目前不会被完全取代，令你难以将最新的 CSS3 或 HTML5 功能嵌入你的网站。
Modernizr 正是为解决这一难题应运而生，作为一个开源的 JavaScript 库，Modernizr 检测浏览器对 CSS3 或 HTML5
功能支持情况。 Modernizr 并非试图添加老版本浏...
分类：
其他好文 时间：
2014-05-06 18:16:46
阅读次数：
455
