共 5 篇文章

标签：css3

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

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

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

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

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

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