jQuery scale/zoom sur la fonction hover

Question

Je me demandais si quelqu'un pouvait me diriger dans la bonne direction.

J'ai créé un effet de mise à l'échelle avec la transition CSS3. Passez la souris sur l'objet et il passe à une version plus grande. Cela a l'air génial et fonctionne super, mais le problème est que cet effet ne fonctionnera pas dans IE, j'ai donc besoin de créer une version lisse dans jQuery. J'ai trouvé un tutoriel qui fait exactement cela mais je n'aime pas l'effet de jaggedy est donné lors de l'implémentation. Voici le lien vers le tutoriel

Jquery Hover State

donc si quelqu'un me a une solution pour obtenir une transition en douceur sur une fonction jQuery qui fonctionnera dans IE je serai très grreatful

ici est un violon que je crée avec la transition CSS3 prévue. -

CSS3 Fiddle

Je voudrais obtenir le même état de vol stationnaire lisse avec Jquery

Answer 1

J'ai deux propositions pour vous.

d'abord en utilisant la fonction animate:

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

échelle Deuxième élément en utilisant:

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