(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立体按钮制作教程今天我们来分享一款利用纯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
很多网站已经不满足于一级标题的展示，可能很多的时候有二级标题，三级标题等等。
那么如何设置二级标题以及如何把二级标题做的好看呢。
下面的代码中注意：
1.为了让二级标题有渐隐渐现的感觉，用了transition样式
2.二级标题的定位始终是一个困扰我好久的难题。
要确保一级标题有position属性(不能没有也不能设为static)，只有一级标题(父级标题)设了position属...
分类：
Web程序 时间：
2014-05-07 23:44:04
阅读次数：
477
byzhangxinxufromhttp://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=1268一、前言兼目录索引《天龙八部》里的虚竹小和尚之前可以说是和尚的先进人物与代表模范，各类清规戒律谨记与严守。但是，后来呢，花...
分类：
Web程序 时间：
2014-05-07 21:23:45
阅读次数：
558
Media Query Demos【CSS3自适配手机屏幕】
此框会变成粉红色，如果可视面积小于600px 此框会变成橙色，如果可视面积小于900px 此框会变成蓝色，如果可视面积为600px~900px
CSS3自适配手机屏幕http://hi.baidu.com/58zhongguo/item/...
分类：
移动开发 时间：
2014-05-07 15:01:13
阅读次数：
519
SpinKit 是一套网页动画效果，包含8种基于 CSS3 实现的很炫的加载动画。借助 CSS3
Animation
的强大功能来创建平滑，易于定制的动画。SpinKit的目标不是提供一个每个浏览器都兼容的解决方案，而是给现代浏览器提供更优的技术实现方案和更佳的使用体验。（为保证最佳的效果，请在.....
分类：
Web程序 时间：
2014-05-07 10:47:34
阅读次数：
443
昨天的《纯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
