Dedecms 模板中心

您现在的位置: 秀站网 > 站长学院 > 建站教程 >

CSS hover背景/文字渐变效果

来源:重庆时时彩独胆技巧 发布时间:2013-09-27热度: ℃我要评论
就不作其他解释了,直接上代码了,可以先试试效果,然后修改下颜色代码就行了。大多数特效都是由CSS3完成的,唯一缺点就是兼容性,想要追求效果,就要失去兼容性。CSS3的Transition属性,这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,...

本文地址:http://www.helaal.com/news/302.html
文章摘要:CSS hover背景/文字渐变效果_建站教程_站长学院,跌脚搥胸出库昆仑镜,乱哄哄明光锃亮维斯特。

就不作其他解释了,直接上代码了,可以先试试效果,然后修改下颜色代码就行了。
大多数特效都是由CSS3完成的,唯一缺点就是兼容性,想要追求效果,就要失去兼容性。CSS3的Transition属性,这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。
transition:颜色 变换延续的时间 变换速率 
transition:background-color 0.3s linear

变换速率:
1、ease:(逐渐变慢)默认值,ease函数等同于贝塞尔曲线(0.25, 0.1, 0.25, 1.0).
 
2、linear:(匀速),linear 函数等同于贝塞尔曲线(0.0, 0.0, 1.0, 1.0).
 
3、ease-in:(加速),ease-in 函数等同于贝塞尔曲线(0.42, 0, 1.0, 1.0).
 
4、ease-out:(减速),ease-out 函数等同于贝塞尔曲线(0, 0, 0.58, 1.0).
 
5、ease-in-out:(加速然后减速),ease-in-out 函数等同于贝塞尔曲线(0.42, 0, 0.58, 1.0)
 
6、cubic-bezier:(该值允许你去自定义一个时间曲线), 特定的cubic-bezier曲线。 (x1, y1, x2, y2)四个值特定于曲线上点P1和点P2。所有值需在[0, 1]区域内,否则无效。


//Mozilla内核
-moz-transition :
//Webkit内核
-webkit-transition :
//Opera
-o-transition :
//W3C 标准
transition :
案例展示:红色部分就是代码,复制过去试试效果。
.nav li {display:block;float:left;-webkit-transition:background-color 0.3s linear;-moz-transition:background-color 0.3s linear;-o-transition:background-color 0.3s linear;transition:background-color 0.3s linear;}
.nav li:hover {background:#454648}
.nav li a {padding:0 25px;margin-left:3px;display:block;float:left;font-size:14px;color:#8C8C8C;-webkit-transition:color 0.3s linear;-moz-transition:color 0.3s linear;-o-transition:color 0.3s linear;transition:color 0.3s linear;} .nav li a:hover {font-size:14px;color:#fff;}

本文地址:http://www.helaal.com/news/302.html

    相关阅读

    时时彩赢秘密 重庆时时彩的计划软件 内蒙古时时彩体彩11选5开奖结果走势图 彩凤凰免费时时彩软件下载 红宝石时时彩平台骗局
    时时彩软件开发定制 淘宝时时彩销量 博众娱乐q:696121 江西时时彩投注站 时时彩黑钱平台曝光
    时时彩一天赚33元 买时时彩软件哪个好 江西时时彩杀号秘籍 时时彩后四在线缩水 如何代理时时彩不犯法
    php时时彩平台源码 喜来登时时彩娱乐平台 时时彩后三组选包胆 时时彩平台推广 新时时彩人工计划
    上海十一选五绝杀技巧 青海快3app 时时彩平台是真的吗 快乐8走势图 幸运农场走势图
    上海快三和值推荐 重庆彩精灵时时彩软件 九乐棋牌 急速赛车计划 pc蛋蛋幸运28预测论坛
    体彩山西十一选五开奖结果 赌博堕天录 彩29 海南特区彩票论坛 黑龙江11选5走势图任选基本走势
    新疆风采35选7开奖号 中体平台 南国论坛七星彩 广西快三开不开奖 北京赛车公式玩法