分享你的福利
www.fankuiba.com

标签:css3

WordPress中CSS3的过渡效果(transition)与动画效果(animation)-反馈吧 | 分享你的福利吧
wordpress

WordPress中CSS3的过渡效果(transition)与动画效果(animation)

阅读(42)

使用CSS去做一般是为了让不懂JS的设计人员也能实现动画效果, 但是这类效果一般使用JS脚本可以更灵活,也更好优化。 本站侧边栏的JV直达和JV外汇交易分类导航也采用了过渡,实现hover时导航逐渐淡化的效果。 下面是两种效果的说明及演示:...

前端学习

[CSS3]为表单input和textarea文本框添加发光焦点响应效果

阅读(189)

一般网页里面的表单都有文本框,大部分默认的文本框样式并不好看,Chrome浏览器默认会给获取焦点的文本框添加一个蓝色的发光效果,但是其它浏览器就不行,以前我都是定义为一个样式,这样确实很不利于用户体验,这样用户分不清那个文本框获取了焦点,若...

前端学习

[CSS3]div上下浮动

阅读(43)

本来想放一个抖动效果在热门搜索上,但一看代码太多了,一直抖也不顺眼,索性找了一个上下浮动(缓慢跳动)的css3效果。 循环不停跳动 /*上下跳动-不停止*/ @-webkit-keyframes bounce-down{25%{-webki...

[CSS3]单元素实现的LOADING效果-反馈吧 | 分享你的福利吧
前端学习

[CSS3]单元素实现的LOADING效果

阅读(43)

这些loading效果很常见,优点是只需要一个div节点元素,就可以实现。喜欢加载时放loading动画的朋友可以试试。代码很多就不贴了。可以直接看演示,另存页面就行了,全部代码都在里面。LOADING演示地址

前端学习

[CSS3]15个非常酷的图片Hover效果

阅读(33)

鼠标悬停图片放大旋转?那个已经是过去式了,看看下面这些非常炫酷的图片悬停效果吧。采用了大量html5和css3元素,配合hover做出的效果。下面取其中一个例子: html结构 <div class="grid">     &l...