更改CSS转换属性行为
问题描述:
ul.nav {
list-style: none;
display: block;
width: 200px;
position: relative;
top: 10px;
left: 300px;
padding: 10px 0 10px 10px;
background: url(shad2.png) no-repeat;
background-position:right;
}
ul.nav li a
{
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
background: #005A9C url(border.png) no-repeat;
background-position: right;
color: #FFFFFF;
padding: 7px 15px 7px 20px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
width: 100px;
display: block;
text-decoration: none;
-webkit-box-shadow: 2px 2px 4px #888;
box-shadow: 2px 2px 4px #888;
}
ul.nav li a:hover
{
background: #ebebeb url(border.png) no-repeat;
color: #005A9C;
padding: 7px 15px 7px 30px;
}
上面的CSS过渡会在每个li a上产生一个从左向右移动的过渡。如何反转过渡效果从右向左移动。看起来像它的默认CSS3属性。更改CSS转换属性行为
下要转变什么情况下逆转?当它徘徊时,也许? – 2012-01-13 14:35:26
是的,我想扭转,当盘旋 – 2012-01-13 18:55:36