Comment créer cette effet en CSS/HTML ?
Résolu
Utilisateur anonyme
-
avion-f16 Messages postés 19256 Date d'inscription Statut Contributeur Dernière intervention -
avion-f16 Messages postés 19256 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
j'aimerais savoir comment coder et créer ce style de boutons comme sur ce site ( en haut en vert)
https://ui-studio.fr/
voila, quand on passe la souris sur le boutons, un dégradé vert arrive doucement, puis s'en va si l'on enleve la souris
comment créer ceci ?
d'avance merci
j'aimerais savoir comment coder et créer ce style de boutons comme sur ce site ( en haut en vert)
https://ui-studio.fr/
voila, quand on passe la souris sur le boutons, un dégradé vert arrive doucement, puis s'en va si l'on enleve la souris
comment créer ceci ?
d'avance merci
A voir également:
- Comment créer cette effet en CSS/HTML ?
- Comment créer un groupe whatsapp - Guide
- Créer un compte google - Guide
- Comment créer un compte gmail - Guide
- Créer un lien pour partager des photos - Guide
- Comment creer un organigramme - Guide
7 réponses
Salut,
Tu peux aussi le faire en HTML/CSS
que tu mettes une image de fond sur l'onglet:
CSS:
onglet
{
background-image: url("ton image d'onglet.png")
}
et un hover avec une image GIF dynamique qui crée un dégradé (ou l'effet que tu veux, par exemple un remplissage progressif)
CSS:
onglet:hover
{
background-image: url("ton image d'onglet.gif")
}
Tu peux aussi le faire en HTML/CSS
que tu mettes une image de fond sur l'onglet:
CSS:
onglet
{
background-image: url("ton image d'onglet.png")
}
et un hover avec une image GIF dynamique qui crée un dégradé (ou l'effet que tu veux, par exemple un remplissage progressif)
CSS:
onglet:hover
{
background-image: url("ton image d'onglet.gif")
}
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bonjour pierre2503,
voici deux lien qui pourrai t'aider
https://snook.ca/
pages exemple :https://snook.ca/technical/jquery-bg/
@+
voici deux lien qui pourrai t'aider
https://snook.ca/
pages exemple :https://snook.ca/technical/jquery-bg/
@+
Par exemple:
- image 1 normale: bleue
- image 2 temps0 : 100% bleu
temps 1 : 20%vert 80% bleu
t2: 40-60
t3:60-40
.... t5: 100%vert, pas de répétition.
Avec le GIMP c'est facile à faire, tu fais des calques sur une image que tu superposes, puis tu exportes en .GIF
Il en faudrai au moins 8 par seconde.
Plus il y en a, mieux c'est. Disons que c'est utile quand tu ne veux pas mettre de Flash mais que tu veux des effets proches. Pour les onglets monochrome, javascript reste suffisant.
Flash n'est a utilisé que lorsque c'est impossible à faire en Javascript (pour des intros notamment).
Par contre, les .gif n'ont pas une aussi bonne qualité que les .png : 256 couleurs si je ne me trompe pas → pour un bouton contenant un dégradé, ça ne le fait pas d'trop.