代理加盟 2019全新代理计划 赚钱+省钱双管齐下,独立平台,丰厚利润!

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

时时彩10个月百万计划: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

    相关阅读

  • 告别“电钻音”安静“不扰民” 九阳率先推出静音破壁机 2019-03-20
  • 全新奥迪A1内饰谍照曝光 年内正式亮相 2019-03-20
  • 江苏国资改革迎大动作 金陵饭店集团获注13家酒店类资产 2019-03-20
  • 【理上网来喜迎十九大】切实加强党对意识形态工作的领导 2019-03-19
  • 图解:十三届全国人大一次会议选举产生新一届国家领导人 2019-03-19
  • 一语惊坛(5月24日):《习近平谈治国理政》,从中国智慧中汲取营养。 2019-03-19
  • 笑博士的“企业发展计划”,是基于私有制的企业计划。因此,笑博士,是制订不了市计划,省计划,更别说国家计划的。他的最大无知,是不知社会主义是以公有制为主体的国家, 2019-03-18
  • 普法小课堂之“有效遗嘱” 2019-03-18
  • 租赁共有产权房供地将占新增量30% 2019-03-18
  • 穿越千年 感受秦风全国百家重点网媒记者漫步酉阳桃花源 2019-03-17
  • 西安著名昆虫专家用50多万标本摸清秦岭昆虫“家底” 2019-03-17
  • 北京市北京海汇恒通综合店【在线咨询】 2019-03-17
  • 习近平会见美国国务卿蓬佩奥 2019-03-17
  • 阿富汗称美无人机炸死巴塔头目 后者曾下令射杀玛拉拉 2019-03-16
  • 李仲彬任成都市委副书记 王川红任成都市纪委书记 2019-03-16
  • 707| 693| 618| 355| 853| 654| 716| 207| 401| 287|