Блог

Мне было интересно, может ли кто-нибудь указать мне правильное направление.

Я создал эффект масштабирования с переходом CSS3. Наведите курсор на объект, и он перейдет к увеличенной версии. Это выглядит великолепно и работает потрясающе, но проблема в том, что этот эффект не будет работать в IE, поэтому мне нужно создать гладкую версию в jQuery. Я нашел учебное пособие, которое делает именно это, но мне не нравится эффект jaggedy, который дает при его реализации. Вот ссылка на учебное пособие

Состояние наведения Jquery

так что, если у кого-нибудь есть решение для меня, чтобы получить плавный переход из функции jQuery, которая будет работать в IE, я буду очень благодарен

вот скрипка, которую я создаю с предполагаемым переходом CSS3. —

Скрипка CSS3

Я хотел бы достичь такого же плавного состояния наведения с помощью Jquery

У меня есть для вас два предложения.

Сначала с помощью функции animate:

 $("a").hover(function()
{
  $(this).animate({"padding": "40px"}, "fast");
},
function()
{
   $(this).animate({"padding": "30px"}, "fast");
}
);
  

Второе использование масштабирования элемента:

 $("a").hover(function()
{
  $(this).width($(this).width() 5);
  $(this).height($(this).height() 5);
},
function() 
{
    $(this).width($(this).width()-5);
    $(this).height($(this).height()-5);
}
);