前缀-moz(例如 -moz-border-radius)用于Firefox-webkit(例如：-webkit-border-radius)用于Safari和Chrome。例1#round { padding:10px; width:300px; height:50px; border...
分类：
Web程序 时间：
2014-12-12 13:11:23
阅读次数：
155
之前为大家分享了很多jquery和css3的动画实例。今天给大家带来一款非常炫的jquery和css3实现的卡通人物动画特效。效果图如下：在线预览源码下载实现的代码。html代码： ...
分类：
Web程序 时间：
2014-12-12 11:22:54
阅读次数：
270
tiltShift.js 是一款很棒的 jQuery 插件，使用 CSS3 图片滤镜来实现照片的移轴镜头效果。使用非常简单，使用 data 属性配置参数。可以自定义对焦点的位置、模糊半径、焦点的区域大小以及方向。
分类：
Web程序 时间：
2014-12-12 11:13:17
阅读次数：
379
旋转：* { transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0...
分类：
移动开发 时间：
2014-12-11 17:11:19
阅读次数：
183
1.倒影效果box-reflect：none | ? ?none:此值为box-reflect默认值，表示无倒影效果；:此值表示box-reflect生成倒影的方向，主要包括以下几个值：above:表示生成的倒影在对象（原图）的上方；below:表示生成的倒影在对象（原图）的下方；left:表示生....
分类：
Web程序 时间：
2014-12-11 15:30:27
阅读次数：
148
Flexbox规范版本众多，浏览器对此语法支持度也各有不同，接下来的内容以最新语法版本为例向大家展示：（接上一节）5.Flex项目移到左边flex项目称动到左边或右边也取决于主轴的方向。如果flex-direction设置为row，设置justify-content控制方向；如果设置为column，...
分类：
Web程序 时间：
2014-12-11 12:05:58
阅读次数：
199
text-transform语法：text-transform : none | capitalize| uppercase| lowercase参数：none : 无转换发生capitalize : 将每个单词的第一个首字母转换成大写，其余无转换发生uppercase : 转换成大写low...
分类：
Web程序 时间：
2014-12-11 11:58:07
阅读次数：
160
先看下效果： 圆心下的那个那个白圈的位置是光圈的起始位置，光圈所在的位置为终点位置。光圈从起始位置开始，沿着圆的轮廓匀速到终点位置。在支持css3的情况下，可以利用css3做旋转效果来达到这种效果。具体思路为：1）将光圈相对于圆进行绝对定位，设置光圈的绝对位置为上面所说的终点位置；2）对圆设置...
分类：
编程语言 时间：
2014-12-10 19:29:04
阅读次数：
230
HTML5 已经成为众所周知的语言，大量的 HTML5 资源和工具正在建立，以帮助开发人员和设计人员。今天，我们展示12款免费的响应式 HTML5/CSS3 网站模板，帮助你创建醒目和视觉震撼的网站。
分类：
Web程序 时间：
2014-12-10 17:52:39
阅读次数：
209
之前为大家分享了好多导航菜单。今天给大家带来一款纯css3实现的竖形二级导航。这款导航菜单可以是无限级。一起看下效果图：在线预览源码下载实现的代码。html代码： Menu 1 ...
分类：
Web程序 时间：
2014-12-10 15:44:27
阅读次数：
251
