Comment obtenir un tel effet de survol ?
Shigure-kun
Messages postés
8
Statut
Membre
-
scriptiz Messages postés 1494 Statut Membre -
scriptiz Messages postés 1494 Statut Membre -
Bonjour,
C'est simple,j'ai fait un tour sur un site sympa et y ai rencontré un effet qui m'a séduit.Je me demande donc comment je pourrait obtenir un semblable.
Au fait, l'url du site en question est http://www.sky-animes.com/index.php?file=Media&op=categorie&cat=12&p=-1 et l'effet dont je parle est celui qu'on obtient en survolant le bas d'une image. C'est un truc du genre title (en html) mais en plus designné .
C'est simple,j'ai fait un tour sur un site sympa et y ai rencontré un effet qui m'a séduit.Je me demande donc comment je pourrait obtenir un semblable.
Au fait, l'url du site en question est http://www.sky-animes.com/index.php?file=Media&op=categorie&cat=12&p=-1 et l'effet dont je parle est celui qu'on obtient en survolant le bas d'une image. C'est un truc du genre title (en html) mais en plus designné .
A voir également:
- Comment obtenir un tel effet de survol ?
- Effet miroir word - Guide
- Comment connecter chromecast à la télé - Guide
- Obtenir windows 10 gratuitement - Accueil - Mise à jour
- Wetransfer obtenir un lien - Guide
- Tel bouygues - Guide
3 réponses
Ouais,,c'est exactement ç que je convoite. Pourrais-tu m'indiquer un tuto un peu simpliste là dessus ? Car,me mettre à js,c'est faisable mais question temps,c'est pas gagné.
Tu peux utiliser des librairies Javascript comme Mootools, jQuery, ... pour faire ce genre d'effet.
Un exemple de Mootools :
https://demos111.mootools.net/Tips
Survole les vaches tu verra.
Un exemple de Mootools :
https://demos111.mootools.net/Tips
Survole les vaches tu verra.
Dans la démo que je t'ai donnée, tu clique sur "js code" ou "html code" ou "css code" et tu aura les sources utilisées pour la démo.
Il te suffit de changer quelques noms et la valeur des textes pour réutiliser tout ça chez toi. Mais attention à ne pas oublier d'intégrer la librairie Mootools avant toute chose (téléchargeable là : https://mootools.net/core ).
Ensuite si même avec le code de l'exemple tu galère tu peux aller voir la documentation :
https://mootools.net/more/docs/1.6.0/Interface/Tips
Il y a un exemple juste au dessus de "Tips Event: show" qui est plus simpliste.
Bonne chance.
Il te suffit de changer quelques noms et la valeur des textes pour réutiliser tout ça chez toi. Mais attention à ne pas oublier d'intégrer la librairie Mootools avant toute chose (téléchargeable là : https://mootools.net/core ).
Ensuite si même avec le code de l'exemple tu galère tu peux aller voir la documentation :
https://mootools.net/more/docs/1.6.0/Interface/Tips
Il y a un exemple juste au dessus de "Tips Event: show" qui est plus simpliste.
Bonne chance.
