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

    相关阅读

    重庆时时彩必中一球 时时彩后一倍投计划 重庆时时彩黑客改单 博众时时彩软件免费版 天游娱乐时时彩
    江西时时彩万能八码 时时彩代理返点利润怎么算 重庆时时彩3d缩水软件 任天堂平台网址是什么 东森时时彩代理
    易算时时彩软件 时时彩开奖 重庆老时时彩怎么玩的 乐购时时彩平台地址 龙虎和时时彩高手指点
    狐仙官时时彩软件 万达时时彩平台黑钱 凤凰彩票平台登录网址 哪个翻译软件最准确 时时彩定胆excel
    天津时时彩开奖号码老走势图 极速赛车挂机必赢方案 双色球最准确预测专家 极速飞艇投注 河北快3和值预测上银狐网?河北快3开奖果?河北快3怎么选号
    彩票天天彩选4 麻将二八杠发牌技术,推筒子二八杠 双色球开奖结果2014113,双色球宝典2014143,双色球宝典,双色球贴吧 www56994com香港赛马会欢迎光临 急速赛车开奖
    新疆18选7开奖结果 360时时彩走势图 大发彩票平台 黑龙江11选5开奖结果 走势 排列5走势图表
    澳洲快乐8玩法 北京赛车pk10直播开奖 安徽快三走势图带连线计划 黑龙江交通违章查询 三人半夜斗地主,ipad 黄金岛斗地主