HTML5加入WEB以后，网页世界就变得丰富绚丽起来了，但是我们在项目应用中，不仅需要绚丽的动画效果，而且更需要有实用的价值。今天分享的一些jQuery/CSS3应用不仅绚丽，而且还比较实用，如果感兴趣，可以应用到自己的项目中。纯CSS3垂直动画菜单 效果很酷这是很动感的CSS3动画菜单，垂直方向的...
分类：
Web程序 时间：
2014-08-23 09:53:00
阅读次数：
351
transition语法：1 transition ： [ || ||2 || [, [ ||3 || || ]]*transition主要包含四个属性值：执行变换的属性：transition-property；变换延续的时间：transition- duration；在延续时间段，变换的...
分类：
Web程序 时间：
2014-08-22 17:42:19
阅读次数：
234
1、语法：transform: none | []*2、取值：none ----不进行变化 ----一个或多个变换函数，以空格分开可以用于内联元素和块级元素，可以实现旋转、缩放、移动等等效果。具体如下：rotate ---旋转Java代码/*rotate()...
分类：
Web程序 时间：
2014-08-22 14:25:18
阅读次数：
224
我们知道，使用Photoshop来调整图像的亮度和对比度，或者将图片转化为灰度等等是很常见的功能。今天我将给大家介绍几个新特性，我们使用CSS来给web图像添加相同的效果。
首先我们先在网页中显示一张图片,html代码如下：
CSS3实战开发:使用CSS过滤效果来改变图片样式
此时运行效果图如下：
下面我给大家介绍相应特性，同时给各...
分类：
Web程序 时间：
2014-08-22 12:55:48
阅读次数：
410
一、线性渐变在 Mozilla 下的应用 语法：1 -moz-linear-gradient( [ || ,]? , [, ]* )参数：其共有三个参数，第一个参数表示线性渐变的方向，top 是从上到下、left 是从左到右，如果定义成 left top，那就是从左上角到右下角。第二个和第三个参数....
分类：
Web程序 时间：
2014-08-22 12:42:56
阅读次数：
17927
在CSS3中也新增了一些能够对元素创建动画处理的属性。通过这些新增的属性，我们可以实现元素从一种样式变换成另一种样式时为元素添加动态效果，我们就可以取代网页中的动态图片、flash动画和JavaScript了。 CSS3中新增的动画效果的属性以及主流浏览器支持情况 属性浏览器支持 transitio...
分类：
Web程序 时间：
2014-08-22 12:42:46
阅读次数：
315
这是效果图，边框会不停的闪，兼容各种浏览器HTML代码： 立即搜索 CSS代码：@charset "utf-8";/* CSS Document */b...
分类：
Web程序 时间：
2014-08-22 12:22:16
阅读次数：
233
今天在做移动端的页面，无意间发现了一个Chrome浏览器下的一个bug，在使用CSS3的transform: translate(0, 0)属性对节点A进行位置转化，此时A节点下面有一个字节点B，节点B使用了position:fixed进行了定位，按照常理节点B应该悬挂在浏览器窗口视图上，不会跟随滚...
分类：
Web程序 时间：
2014-08-22 10:47:25
阅读次数：
189
记得几年前如果你需要添加一些互动元素到你的网站中用来改善用户体验？是不是立刻就想到了flash实现？这彷佛年代久远的事了。使用现在最流行的Web技术HTML5，CSS3和jQuery，同样也可以实现类似的用户体验。而且使用这些特性将会比使用flash更加有效。也许你可能刚知道Adobe停止开发移动版...
分类：
Web程序 时间：
2014-08-22 10:31:46
阅读次数：
344
之前介绍了几款css3实现的按钮，今天为网友来款比较新鲜的，用css3的data-attribute属性开发按钮，当鼠标经过显示按钮的详细信息。而且实现过程很简单，几行代码就搞定。大家试一试吧。如下图： 在线预览源码下载 不错吧，贴上实现代码： html代码： 爱编程c...
分类：
Web程序 时间：
2014-08-22 00:20:15
阅读次数：
226
