CSS3的过渡能够为元素的变化提供更平滑、细腻的用户体验。比如在CSS2.1的时候,我们使用:hover伪类改变链接颜色时候,颜色会很生硬直接地由一种颜色变化到另外一种颜色。但是在使用CSS3的过渡属性之后,这种颜色的变化会更加生动细腻。以下是创建过渡的基本步骤:1,在默认样式中声明元素的初始状态样...
分类:
Web程序 时间:
2015-08-12 18:44:05
阅读次数:
3920
在CSS2.1的时候,页面都是静态了,我们仅仅能通过hover这样的伪类来实现简单的动画交互。在CSS3中,很大的一个进步就是能轻松类似于倾斜、缩放、变形、移动和翻转等效果,这些原本是需要借助js和flash等技术来实现的。CSS3变形能动态控制元素,在屏幕上移动他们,缩小、放大和旋转等。通过CSS...
分类:
Web程序 时间:
2015-08-12 12:53:46
阅读次数:
211
点击屏幕可以增加小圆点个数,效果如图:
完整代码如下,复制到HTML文件,打开即可运行。
Hover
-->
/*@import url(http://fonts.googleapis.com/css?family=Right...
分类:
Web程序 时间:
2015-08-11 18:48:25
阅读次数:
191
一、介绍css3为了区分伪类和伪元素,伪元素采用双冒号写法。常见伪类——:hover,:link,:active,:target,:not(),:focus。常见伪元素——::first-letter,::first-line,::before,::after,::selection。::befor...
分类:
其他好文 时间:
2015-08-11 15:46:57
阅读次数:
132
一般情况下网页中的图片都是随文档流依次加载的,什么时候用到则什么时候加载,但是有些时候这样的加载方式往往会影响用户体验,比如鼠标hover 变换背景图片的时候,只有鼠标移入才会对变换的图片进行加载,这样就可能会出现片刻的加载空白现象;又比如图片显示后隐藏再显示网站内容等也是同样的道 理。为了在必要的...
分类:
其他好文 时间:
2015-08-11 11:59:50
阅读次数:
105
一般情况下网页中的图片都是随文档流依次加载的,什么时候用到则什么时候加载,但是有些时候这样的加载方式往往会影响用户体验,比如鼠标hover变换背景图片的时候,只有鼠标移入才会对变换的图片进行加载,这样就可能会出现片刻的加载空白现象;又比如图片显示后隐藏再显示网站内容等也是同样的道理。为了在必要的时候...
分类:
其他好文 时间:
2015-08-11 11:35:42
阅读次数:
119
一般情况下网页中的图片都是随文档流依次加载的,什么时候用到则什么时候加载,但是有些时候这样的加载方式往往会影响用户体验,比如鼠标hover变换背景图片的时候,只有鼠标移入才会对变换的图片进行加载,这样就可能会出现片刻的加载空白现象;又比如图片显示后隐藏再显示网站内容等也是同样的道理。为了在必要的时候...
分类:
其他好文 时间:
2015-08-11 06:53:04
阅读次数:
117
jquery 弥补ie6不支持input:hover状态 用户名 密码
分类:
Web程序 时间:
2015-08-10 17:27:14
阅读次数:
106
本特效的原版是codepen上面的hover.css项目,个人很喜欢所以把所有的hover特效自己也写了一遍,上传文件麻烦所以直接把css整合到HTML代码中了,代码复制下来保存后即可用浏览器打开浏览。
Hover
.container {
margin: 0 auto;
w...
分类:
Web程序 时间:
2015-08-10 10:44:43
阅读次数:
146
/*.route_nav li a:hover{background: #3c7f84 url(title.png) no-repeat;border-color:#84a3a5;}*/ .route_nav li a:hover{background:#3c7f84;border-color:#8...
分类:
Web程序 时间:
2015-08-10 07:02:35
阅读次数:
469