悬停时我有以下样式:
li:hover a {
left: 65px;
}
我知道我可以用 jQuery 制作动画,但它可以单独用 CSS3 制作动画吗?
这没有工作:
li:hover a {
left: 65px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
最佳答案
你必须使用这个 css:
li:hover {
left: 0px;
}
li:hover a {
left: 65px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
关于css - 仅使用 CSS 动画位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23460967/