Je me demandais s'il y avait du moyen de, en utilisant jQuery, animez des propriétés de la text-ombre comme une taille ou une couleur.
Il est ennuyeux qu'il n'y a pas de propriétés individuelles telles que Text-Shadow-Color au lieu de la déclaration seulement étant disponible sous forme combinée.
5 Réponses :
Utilisez JavaScript pour analyser la propriété CSS et créer un nouveau
var myelement_shadow = $('myelement').css('text-shadow');
Autre alternative à l'utilisation de JQuery, vous pouvez utiliser les puissantes fonctionnalités d'animation du cadre JavaScript Uize. Voir différents éléments de plusieurs ombres texte animés en même temps dans l'exemple suivant ...
http://www.uize.com/examples /hover-fader-text-shadow-animation.html
Peut être un peu en retard pour cette réponse, mais ici, il est de toute façon ...
Je l'ai résolu en mettant en œuvre une propriété CSS "virtuelle" à être animée comme celle-ci Ceci est décrit plus en détail ici:
http://usefulthink.com/2010-12/animating-text-shadow -utilisant-bison-jQuery Certaines autres approches peuvent être trouvées ici:
http://forum.jquerer.com/topic/let-s-animate -Text-ombre
Toute façon de la modifier pour vous permettre de spécifier la couleur de floue aussi? Je suis nouveau pour prolonger jQuery et trucs.
La seule façon dont j'ai trouvé que vraiment fonctionnait crée un avec le même texte que le et le superposant à l'aide de positionnement absolu, de marges négatives, et .Fadein () /. Fadeout () ou animations d'opacité. Mais même c'était au mieux grimper à cause de tout ce qui est en expansion de l'élargissement des éléments et que la superposition était une sorte de «off» en regardant le mieux.
Pourquoi ne pas utiliser AddClass ('Shadow') et ajouter une transition sur l'élément?
Bien sûr que cela ne fonctionne pas dans l'ancien IE ...