Effet du bouton jQuery Shimmer

Existe-t-il un moyen de créer un effet de miroitement sur un élément HTML, en utilisant jQuery, en simulant une source lumineuse en mouvement? Je vois cela sur les composants Flash, mais je n'en ai pas encore vu avec jQuery. Vous voulez éviter d'avoir à faire des GIF scintillants si je peux.Effet du bouton jQuery Shimmer

EDIT1: Je suppose que je vais devoir capturer l'événement de vol stationnaire puis utilisez Animer pour empiler une diagonale d'image floue blanc sur le dessus d'une IMG ou les limites de la balise DIV, en le déplaçant de gauche à droite une fois.

Source

2010-12-14 Volomike

Il suffit de faire un exemple: http://www.jsfiddle.net/gaby/pZm2m/

est-ce semblable à ce que vous êtes à la recherche de ?

Il fait ce que vous mentionnez .. animer une image diagonale semi-transparente.

J'ai utilisé le Background-Position d'animation plug-in trouvé à http://plugins.jquery.com/project/backgroundPosition-Effect

Source

2010-12-14 19:29:37

Bingo! C'est tout! :) – Volomike

BTW, c'est la première fois que j'ai vu une image BinHex'd et URL-Encoded chargée en CSS. Je n'avais pas su que c'était possible. Simplement stupéfiant, et cela fonctionne dans IE aussi. (Testé dans IE8 et le dernier FF.) De plus, si son navigateur ne le supporte pas, il ne se trompe pas et se dégrade bien. – Volomike

Yeap, c'est un truc cool que j'ai appris récemment moi-même. –

Voici un tutoriel avec un effet chatoyant jQuery (lien de démonstration au bas du poste):

http://www.eu-live.com/?p=164

Source

2010-12-14 06:59:06 mynameiscoffey

Malheureusement cette version de l'effet ne fait que souligner les bordures blanches et ne brille pas une source de lumière à travers le pomme elle-même. Je cherche quelque chose qui fait briller une source de lumière à travers la pomme, aussi. – Volomike

@Volomike, vous pouvez utiliser un code similaire mais appliquer de la transparence à l'image et l'empiler sur le dessus. Shinning une source de lumière à travers la pomme serait cependant tout à fait un pied. vous auriez besoin d'un moteur de rendu 3D pour cela. – tster

Une autre possibilité est celle-ci:

http://www.nealgrosskopf.com/tech/thread.php?pid=79

Utilise CSS3 et travaille sur les récents (2011+) Mozilla, Opera , Chrome, Safari, et peut-être IE par la suite.

Source

2011-10-23 18:49:15 Volomike

J'ai récemment couru dans celui-ci (pas mon code) et il semble tout à fait réalisable:

http://tedtoy.github.io/ShimmerJS/

Source

2014-03-13 08:51:43 SuitedSloth