css - CSS背景重复-x间距

Question

谢谢你看我的问题！希望有人可以提供帮助！:)

基本上，我正在尝试使用 CSS3（因为我很懒，并且懒得用 Javascript 来解决它！）为按钮上的背景设置动画，就像“立即购买门票”按钮向下约 800 像素就在这个网站的主页上。http://festivalofeducation2013.org.uk/

我有 90% 的把握你可以做到这一点，但如果我很傻，请说！

另外，如果你们中的任何人知道并且可以告诉我一个使用 Javascript/jQuery 的简单方法，那么请随意！我无论如何都需要这样做！

再次提前感谢。

Answer 1

你的意思是这样的吗？

http://jsfiddle.net/coma/BzXSf/1/

CSS

a.fancy {
    ...
    background: #ccc url(http://colourlovers.com.s3.amazonaws.com/images/patterns/3591/3591132.png?1367352237) 0 0;
    -webkit-transition: background-position 1s;
    -moz-transition: background-position 1s;
    -o-transition: background-position 1s;
    -ms-transition: background-position 1s;
    transition: background-position 1s;
}

a.fancy:hover {
    background-position: 0 -100px;
}