Html/CSS avancée

Discutez d'informatique ici !
louis72
Messages: 4
Enregistré le: 24 Oct 2019, 15:06

Html/CSS avancée

par louis72 » 24 Oct 2019, 15:36

j'ai un probléme avec mon code quand je fais la fonction hover pour animer mes blocks avec des ombres en utilisant la fonction box-shadow autour d'un block , les blocks se déplacent et je ne sais pas quoi faire?
quelqu'un peut m'aider s'il vous plait?



Avatar de l’utilisateur
fatal_error
Modérateur
Messages: 6610
Enregistré le: 22 Nov 2007, 13:00

Re: Html/CSS avancée

par fatal_error » 26 Oct 2019, 10:30

slt,

d'apres moz https://developer.mozilla.org/en-US/doc ... box-shadow
box-shadow depasse de ton element (comme un margin) donc tu enquilles un margin (de la même taille que boxshadow) sur ton element sans hover
et sur ton hover le boxshadow
la vie est une fête :)

 

Retourner vers ϟ Informatique

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 7 invités

Tu pars déja ?



Fais toi aider gratuitement sur Maths-forum !

Créé un compte en 1 minute et pose ta question dans le forum ;-)
Inscription gratuite

Identification

Pas encore inscrit ?

Ou identifiez-vous :

Inscription gratuite