江西时时彩app下载:您现在的位置: 江西时时彩app下载 > 站长学院 > 建站教程 >

CSS hover背景/文字渐变效果

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

江西时时彩app下载 www.p42ci.com.cn

就不作其他解释了,直接上代码了,可以先试试效果,然后修改下颜色代码就行了。
大多数特效都是由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;}

本文地址://www.p42ci.com.cn/news/302.html

    相关阅读

  • 《在人间》第151期:地震明星女孩的十年 2019-01-19
  • 首部运河题材鸿篇巨制《天地运河情》首演在即 2019-01-19
  • 围绕“《未成年人网络保护条例》的制定”建言献策 2019-01-18
  • 【十九大·理论新视野】动漫:“人类命运共同体”如何构建 2019-01-18
  • 笑博士的“企业发展计划”,是基于私有制的企业计划。因此,笑博士,是制订不了市计划,省计划,更别说国家计划的。他的最大无知,是不知社会主义是以公有制为主体的国家, 2019-01-18
  • 【理上网来·喜迎十九大】以党的制度建设推进管党治党 2019-01-18
  • 党的历史文献集和当代文献集 2019-01-17
  • 大量宋蒙战争时期遗物现身涪陵 2019-01-17
  • 老年人“犯困” 内情并不那么简单 2019-01-17
  • 吃货苏东坡出品:“舌尖上的宋朝” 2019-01-16
  • 杨庆山任南开大学党委书记 2019-01-16
  • 广西贵港原常务副市长黄志光被开除党籍和公职 2019-01-16
  • 本网特稿--北京频道--人民网 2019-01-15
  • 寻找把他吃剩的饭菜找包后,丢给四两吃,这能算道德?[微笑] 2019-01-15
  • 5月份安徽规上工业增加值增长9.2% 居中部第一 2019-01-15
  • 466| 12| 718| 960| 972| 404| 967| 594| 138| 120|