码迷,mamicode.com
首页 > Web开发 > 详细

012 HTML+CSS(Class133 -)

时间:2020-06-13 23:26:51      阅读:69      评论:0      收藏:0      [点我收藏+]

标签:fir   bsp   过渡效   web   rom   属性   html   浏览器   func   

[A] 浏览器前缀

                CSS去兼容不同的浏览器,这主要是这对于旧的浏览器做兼容,新的浏览器基本不需要添加前缀了

                浏览器                      内核                    前缀
                IE                             Trident                 -ms-
                Firefox                     Gecko                   -moz-
                Opera                       Preto                   -o-
                Chrome                     Webkit                  -webkit-
                Safari                       Webkit                 -webkit-
                Opera, Chrome             Bink
 
[B] transition过渡效果

            transition过渡

                  transition-property:            规定设置过渡效果的css属性的名称

                  transition-dutation:            规定完成过渡效果需要的时间(秒或者毫秒)

                  transition-delay:               规定完成过渡效果可延迟的时间

                  transition-timing-function:     规定过渡效果的速度曲线

                  【注】transition属性复合写法:

                          transition: all 1s 1s linear;   //顺序无所谓

            【注】transition过渡属性不能添加在hover上,因为鼠标离开目标元素,该hover属性即立即消失,此后元素恢复到原来样式时会立即变化

 

 

 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

012 HTML+CSS(Class133 -)

标签:fir   bsp   过渡效   web   rom   属性   html   浏览器   func   

原文地址:https://www.cnblogs.com/carreyBlog/p/13122058.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!