jQuery animate css border-radius de la propriété (webkit, mozilla)
Est-il un moyen de jQuery pour animer le css3 border-radius des biens disponibles dans Webkit et Mozilla navigateurs?
Je n'ai pas trouvé un plugin qui permettra de le faire.
-webkit-border-radius
-moz-border-radius
Vous devez vous connecter pour publier un commentaire.
L'origine, j'avais prévu que quelque chose comme...
...serait de travailler. Mais, j'ai eu tort: Webkit permet de ensemble la valeur pour l'ensemble des quatre coins via
borderRadius
, mais ne les laissez pas vous les relisez - donc, avec le code ci-dessus, l'animation commence toujours à 0 au lieu de 10. IE a le même problème. Firefox sera vous permettent de lire, de sorte que tout fonctionne comme prévu il.Bien... border-radius a en quelque sorte une histoire de la mise en œuvre des différences.
Heureusement, il y a une façon de contourner: il suffit de le préciser à chaque coin de rayon individuellement:
Noter que si vous souhaitez conserver la compatibilité avec les anciens navigateurs, vous pouvez aller tous azimuts et utiliser l'ancien navigateur de préfixe de nom:
Cela commence à devenir assez fou bien; je voudrais éviter si possible.
Utilisation cssHooks.
Ce sera vous aider:
http://www.webmuse.co.uk/articles/border_radius_csshook_with_internet_explorer_support/
Des liens vers les cssHooks:
https://github.com/brandonaaron/jquery-cssHooks
Bonne chance!
Juste un conseil, nous pouvons utiliser une fonction pour détecter le navigateur CSS du préfixe
Voici un exemple de code.. http://jsfiddle.net/molokoloco/f6Z3D/