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

    相关阅读

    时时彩注册平台 信用卡可以刷时时彩吗 时时彩软件哪款好 时时彩搭建 内蒙古时时彩技巧
    时时彩注册平台 重庆时时彩有正规平台 易位时时彩软件注册机 时时彩跑路名单 时时彩平台程序源码
    时时彩个位预测技巧 时时彩挂机软件教程 江西时时彩停售了吗 晋中时时彩qq群号 聚宝盆彩票分析软件
    三分时时彩走势图 奇妙重庆时时彩软件破解版下载 时时彩软件手机版lm0 内蒙古时时彩快三开奖结果直播 时时彩挂机软件论坛
    分分彩皇恩娱乐 永旺国际娱乐城 吉林快三儿走势图 北京快乐8官网 安徽11选5走势图时时彩
    浙江飞鱼彩票奖金 足球比分yaoji1真钱 北京快三 一定牛 江西快三开奖走势图 青海快三开奖时间
    秒速赛车有官方吗 大乐透开奖 福建快三开奖结果 上海快3开奖号码今天 甘肃快三专家推荐号码
    北京赛车pk10视频网站 三公经费整改措施 北京pk10都有哪些平台 亿客隆彩票 七星彩开奖结果