JQuery vs CSS3

Bonjour à tous !

Je n'ai pas vraiment su comment classer ce sujet car le problème est un peu... inattendu.

J'ai voulu créer des vignettes rondes qui grossisse avec jQuery au passage de la sourie. Le soucis, c'est que sur Chrome, le border-radius s'annule au déclenchement de l’événement, ce qui transforme mes bulles en carrés. Le problème ne se retrouve pas sur Firefox ou IE (c'est pour vous dire).

Avez vous une idée ?

Voici le lien : new.adrian-vaucoret.com

Merci d'avance

Sous opera, le border-radius n'est pas là du tout... et le grossissement est très limité (genre 5 px de tous les cotés)
Modifié par Lothindil (05 Apr 2013 - 09:49)

Ouch, en effet. C'est pire que ce que je croyais. Pourtant, je viens de vérifier, ma règle css est pourtant bonne. C'est à n'y rien comprendre. Merci pour la remarque.

Bonjour.

Je ne sais pas si ça peut t'être d'une quelconque utilité, mais tu peux définir ton border-radius en pourcentages (border-radius: 50%). De cette façon, tu auras toujours des ronds quelles que soient leurs variations de taille. Peut-être qu'avec cela, tu pourrais te passer de jQuery ?

Bonne continuation.

... Je déteste m'apercevoir que mon raisonnement est complètement stupide. En effet, jquery est complètement inutile.

Merci beaucoup pour cet éclairage des plus précieux.

Sous IE 10 ton image de fond ne s'affiche pas. En revanche tout le reste fonctionne.