CSS background repeat-x spacing

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