• 公章形状岂是为民服务“绊脚石” 2019-05-26
  • 西部网(陕西新闻网)www.cnwest.com 2019-05-25
  • 张德江:必须毫不动摇坚持、与时俱进完善人民代表大会制度 2019-05-24
  • 小户型这样设计,瞬间高!大!上! 2019-05-24
  • 双杀火箭的神队终拿第1高帅富开刀?为卖他宁愿出4号签 2019-05-22
  • 朔州:为母亲河清淤化污 重还塞上绿洲美丽 2019-05-22
  • 你才是“蠢货”!土地是自然存在的地球的一部分,并不是人类劳动成果,哪来价值?土地不是劳动成果,没有价值,正如空气和阳光不是劳动成果,没有价值一样。懂吗... 2019-05-13
  • 仙居:美丽经济 助农增收 2019-05-13
  • 把群众来信当家书 把来访群众当家人 把群众事情当家事 用心用情用力做好信访工作 2019-05-10
  • 坚守一条红线 维护生态安全(在习近平新时代中国特色社会主义思想指引下——新时代新作为新篇章) 2019-05-06
  • 国家中医药管理局加强对中医养生类节目指导 2019-05-06
  • 新版人民网首页吉林IP定向--吉林频道--人民网 2019-05-02
  • 图解:中央批复了雄安规划纲要!“干货”一览 2019-04-24
  • 【学习时刻】管清友:归本源、化风险、促改革,让金融成为经济发展的重要动力 2019-04-24
  • 我相信“交警雨中护送高考生”是真,“交警雨中护送高考生”反被该高考生家长投诉是假。 2019-04-23
  • 代理加盟 2019全新代理计划 赚钱+省钱双管齐下,独立平台,丰厚利润!

    您现在的位置: 11选五开奖结果走势图 > 站长学院 > 建站教程 >

    北京11选5走势图:CSS hover背景/文字渐变效果

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

    11选五开奖结果走势图 www.dwxy9.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.dwxy9.com/news/302.html

      发表评论

      评论列表(条)

      • 公章形状岂是为民服务“绊脚石” 2019-05-26
      • 西部网(陕西新闻网)www.cnwest.com 2019-05-25
      • 张德江:必须毫不动摇坚持、与时俱进完善人民代表大会制度 2019-05-24
      • 小户型这样设计,瞬间高!大!上! 2019-05-24
      • 双杀火箭的神队终拿第1高帅富开刀?为卖他宁愿出4号签 2019-05-22
      • 朔州:为母亲河清淤化污 重还塞上绿洲美丽 2019-05-22
      • 你才是“蠢货”!土地是自然存在的地球的一部分,并不是人类劳动成果,哪来价值?土地不是劳动成果,没有价值,正如空气和阳光不是劳动成果,没有价值一样。懂吗... 2019-05-13
      • 仙居:美丽经济 助农增收 2019-05-13
      • 把群众来信当家书 把来访群众当家人 把群众事情当家事 用心用情用力做好信访工作 2019-05-10
      • 坚守一条红线 维护生态安全(在习近平新时代中国特色社会主义思想指引下——新时代新作为新篇章) 2019-05-06
      • 国家中医药管理局加强对中医养生类节目指导 2019-05-06
      • 新版人民网首页吉林IP定向--吉林频道--人民网 2019-05-02
      • 图解:中央批复了雄安规划纲要!“干货”一览 2019-04-24
      • 【学习时刻】管清友:归本源、化风险、促改革,让金融成为经济发展的重要动力 2019-04-24
      • 我相信“交警雨中护送高考生”是真,“交警雨中护送高考生”反被该高考生家长投诉是假。 2019-04-23
      • 浙江体彩6+1开奖号码 pk10模式长期稳赚 六合彩现场直播 北京pk10倍投骗局 幸运飞艇规律破解和值 买彩票中奖得人2015 排列3 22选5玩法 北京赛车官网 浙江体彩20选5号码 大乐透走势图30期大 七星彩 新时时彩免费软件 天津时时彩又什么漏洞 河南幸运武林 北京赛车pk10开奖结果