• 既然美国要打,我们当然也只能奉陪到底!可是新中国的历史证明中国总是越战越强的! 2019-04-20
  • 爱护民生:什么基金都不能买,即使获利,也不会给分多少红利,只是意思意思。 2019-04-20
  • [调皮]“谈判技巧”始终摆脱不了“被迫谈判”的尴尬! 2019-04-19
  • 程序员编程网盗老东家600万 一年作案1800余次 2019-04-10
  • 【群友杂谈】——农村、农民、农地 2019-03-31
  • 女童在迪士尼撞八角形灯柱缝两针,园方:无责可赔偿毛绒玩具 2019-03-18
  • 今年省内高校招生普增 2019-03-17
  • 空军“红剑-2017”体系对抗演习打响 2019-03-12
  • 东莞:科研人员可带项目离岗创业 2019-03-12
  • 一村一品!安徽推广“四带一自”产业扶贫模式 2019-02-24
  • 《泄密者》开启超前观影 经典组合打造最敢拍港片 2019-02-24
  • 山西要闻--山西频道--人民网 2019-02-23
  • 中国武器亮相国外 铁甲雄狮大秀视觉盛宴 2019-02-23
  • 代理加盟 2019全新代理计划 赚钱+省钱双管齐下,独立平台,丰厚利润!

    您现在的位置: 11选5任四包赚不赔40注 > 站长学院 > 建站教程 >

    山西11选5走势图遗漏:CSS hover背景/文字渐变效果

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

    11选5任四包赚不赔40注 www.zo-n.com

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

      发表评论

      评论列表(条)

      • 既然美国要打,我们当然也只能奉陪到底!可是新中国的历史证明中国总是越战越强的! 2019-04-20
      • 爱护民生:什么基金都不能买,即使获利,也不会给分多少红利,只是意思意思。 2019-04-20
      • [调皮]“谈判技巧”始终摆脱不了“被迫谈判”的尴尬! 2019-04-19
      • 程序员编程网盗老东家600万 一年作案1800余次 2019-04-10
      • 【群友杂谈】——农村、农民、农地 2019-03-31
      • 女童在迪士尼撞八角形灯柱缝两针,园方:无责可赔偿毛绒玩具 2019-03-18
      • 今年省内高校招生普增 2019-03-17
      • 空军“红剑-2017”体系对抗演习打响 2019-03-12
      • 东莞:科研人员可带项目离岗创业 2019-03-12
      • 一村一品!安徽推广“四带一自”产业扶贫模式 2019-02-24
      • 《泄密者》开启超前观影 经典组合打造最敢拍港片 2019-02-24
      • 山西要闻--山西频道--人民网 2019-02-23
      • 中国武器亮相国外 铁甲雄狮大秀视觉盛宴 2019-02-23