Bonjour,

J'essaye actuellement de créer un bouton CSS pour mon site en vain.

Je voudrais faire un bouton (sur toute la largeur de la page et assez gros) qui soit noir en mode normal (avec simplement un libellé) mais avec un effet hover qui montre une image en arrière-plan. Je voudrais que l'image apparaisse selon le même effet que le bouton "slide" de cette page : https://codepen.io/giana/pen/BZaGyP 

J'espère être clair, je n'ai pas trouvé d'exemple correspondant sur un autre site

Merci.

-
Edité par clyepsydra 29 décembre 2021 à 18:57:54

Hello !

Tu peux utiliser la propriété filter: brightness() pour faire ce fondu.

Cordialement.

Alors tu peux jouer sur une des propriétés suivantes :

transform: translateX()

left (l'image doit être positionnées en absolu)

scaleX() permet aussi de faire des effets sympas et faciles

Maintenant, si ton image est en background, tu peux aussi jouer sur background-position

-
Edité par Domi65 30 décembre 2021 à 23:57:02

Bonjour je te recommande aussi d'utiliser les positions absolute 

une balise image, la regle overflow hidden et translate 

-
Edité par zvheer 31 décembre 2021 à 0:43:33