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;
}