码迷,mamicode.com
首页 >  
搜索关键字:hover    ( 2235个结果
初探CSS3 - 过渡属性transition
CSS3的过渡能够为元素的变化提供更平滑、细腻的用户体验。比如在CSS2.1的时候,我们使用:hover伪类改变链接颜色时候,颜色会很生硬直接地由一种颜色变化到另外一种颜色。但是在使用CSS3的过渡属性之后,这种颜色的变化会更加生动细腻。以下是创建过渡的基本步骤:1,在默认样式中声明元素的初始状态样...
分类:Web程序   时间:2015-08-12 18:44:05    阅读次数:3920
初探CSS3 - 变形
在CSS2.1的时候,页面都是静态了,我们仅仅能通过hover这样的伪类来实现简单的动画交互。在CSS3中,很大的一个进步就是能轻松类似于倾斜、缩放、变形、移动和翻转等效果,这些原本是需要借助js和flash等技术来实现的。CSS3变形能动态控制元素,在屏幕上移动他们,缩小、放大和旋转等。通过CSS...
分类:Web程序   时间:2015-08-12 12:53:46    阅读次数:211
HTML5的Canvas实现小圆点在屏幕内跑动
点击屏幕可以增加小圆点个数,效果如图: 完整代码如下,复制到HTML文件,打开即可运行。 Hover --> /*@import url(http://fonts.googleapis.com/css?family=Right...
分类:Web程序   时间:2015-08-11 18:48:25    阅读次数:191
::before和::after伪元素的用法
一、介绍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状态
jquery 弥补ie6不支持input:hover状态 用户名 密码
分类:Web程序   时间:2015-08-10 17:27:14    阅读次数:106
CSS3实现的一批hover特效
本特效的原版是codepen上面的hover.css项目,个人很喜欢所以把所有的hover特效自己也写了一遍,上传文件麻烦所以直接把css整合到HTML代码中了,代码复制下来保存后即可用浏览器打开浏览。 Hover .container { margin: 0 auto; w...
分类:Web程序   时间:2015-08-10 10:44:43    阅读次数:146
网址测速JS
/*.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
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!