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

您现在的位置: 江西时时彩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

    发表评论

    评论列表(条)

    • 中国空军和新西兰空军将举行运输机联演 2019-05-19
    • “全能神”人员恶意使用难民申请滞留韩国 2019-05-19
    • 五朝元老马奎斯 当替补又何妨 2019-05-19
    • 精灵王子奥兰多布鲁姆花椒直播首秀撩妹:I like all Chinese girls奥兰多 布鲁姆 2019-05-18
    • 主持人资料库――董卿 2019-05-18
    • 世界杯开幕式亮点十足:巨星献唱竖中指 普京致词!陈奕迅也在? 2019-05-18
    • 紫光阁中共中央国家机关工作委员会 2019-05-17
    • 哈利王子的首选蜜月地,我们帮你找到了! 2019-05-17
    • 计划经济走向完美,看搞好公有制计划经济存在不好说来看看?是统得太死还是要这样做才科学? 2019-05-17
    • 运输物流领域将推失信联合惩戒 失信主体不得报考公务员 2019-05-17
    • 6大主题18场活动 博物馆日走进超级连接的故宫博物院 2019-05-16
    • 【理上网来·喜迎十九大】建设世界一流军队的科学指南 2019-05-16
    • 召开江西全面放开养老服务市场提升养老服务质量发布会 2019-05-16
    • 【理上网来·喜迎十九大】以党的制度建设推进管党治党 2019-05-16
    • “奇石大餐”亮相新疆石博会 2019-05-15
    • 127| 923| 173| 481| 964| 67| 760| 304| 682| 361|