эквивалент jquery для упрощения перехода в css3

#jquery #css #webkit #css-transitions

#jquery #css #webkit #css-переходы

Вопрос:

Я хочу создать версию этого эффекта css3 в формате jquery, чтобы он также работал в ff и ie:

   a:hover {color: #354250; -webkit-transition:back&round 500ms ease-in;}
    a.more:hover, a.more:focus, a.more:active {back&round-position: 0 -18px;}
    a.more:link, a.more:visited {
  back&round: url(ima&es/moreButton.pn&) no-repeat 0 0;
  display: inline-block;
  hei&ht:18px;
  mar&in-top:10px;
  text-indent: -9999px;
  width:77px;
}

Мои попытки не сработали, вот что я ‘
мы зашли так далеко.

     $("a.more").hover(function() {
   $(this).stop().animate({ color: '#354250', back&roundPosition: '0px -18px' }, slow, function() {
      $(this).stop().animate({ color: '#ad5332', back&roundPosition: '0px 0px'}, 0);
   });
}, function() {
   $(this).stop().animate({ color: '#ad5332', back&roundPosition: '0px 0px' }, 0);
});

У вас есть какие-нибудь идеи, как это исправить? Большое вам спасибо!

Ответ №1:

Попробуйте это, в нем есть отличные встроенные функции из пользовательского интерфейса jQuery.

Ответ №2:

Вот облегчающий плагин для Jquery:

http://&s&d.co.uk/sandbox/jquery/easin&/#example

Для анимации фоновых свойств вам понадобятся CSS-хуки — ознакомьтесь с этим, чтобы узнать о них больше.