Discussion :

[dev14]

Bonsoir,

j'aimerais savoir comment réaliser les effets comme sur ce site : www.aggolfe.co

J'ai bien réussi à trouver pour l'effet d'ombre à reproduire l'effet ici : http://indamix.github.com/real-shadow/

Mais sur le site en question, il y a aussi un effet de lumière autour du curseur, et c'est celui-ci que j'aimerais faire.

Avez-vous une idée?

Merci

[SpaceFrog]

A priori je dirais que cet effet est créé avec l'animation de deux images

la première image serait un png avec un dégradé radial de transparent vers noir à partir du centre
cette image placée en premier placée en premier plan (z-index) centrée sur le curseur suit les mouvements de celui ci

Il y aurait une seconde image placée elle en arrière plan qui représente l'ombre et qui se déplace elle de façon symétrique inversée par rapport au curseur ce qui donne un aspect d'ombre projetée et de profondeur

le tout animé en jquery sur le mousemove du body

[dkmix]

Bonjour,
vous pouvez vous inspirez de ceci ou celui-ci ou encore celui-la

[dev14]

Je vous remercie pour vos réponses éclairées.

ps : j'ai l'impression qu'ils se sont inspirés de ton 3e lien dkmix.