我的网站上的Css转换效果不适用于safari (在最新版本上测试)。另外,在Chrome、firefox和Opera中测试的其他浏览器中,过渡也运行得很好。
我的代码如下:
.navbar-inverse ul a{
overflow: hidden;
-webkit-transition: color 0.5s;
-o-transition: color 0.5s;
-moz-transition: color 0.5s;
transition: color 0.5s;
}
.navbar-inverse ul a::before{
当我在css转换中使用填充时,webkit浏览器(safari osx、Chrome osx和Chrome windows)在每个过渡开始和结束时都会出现一些小故障,导致在动画元素后面放置的元素移动1 1px。
HTML
test test test <span class="test">Hover me</span> test test test test
CSS
.test{
color:#FFF;
background:#000;
padding:4px 4px 4px 30px;
transition: padding 0.5s