(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