CSS背景repeat-x间距

时间:2013-04-30 19:27:03

标签: css3 css-transitions

感谢您查看我的问题!希望有人可以提供帮助! :)

基本上我正在尝试使用CSS3(因为我很懒,不能在Javascript中解决它!)来为按钮上的背景设置动画,就像“立即购买门票”按钮一样大约800px在这个网站的主页右侧。 http://festivalofeducation2013.org.uk/

我90%肯定你可以做到这一点,但如果我很傻就请说出来!

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

提前再次感谢。

1 个答案:

答案 0 :(得分:0)

你的意思是这样吗?

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