28112 sujets

CSS et mise en forme, CSS3

Bonjour,

J'utilise un effet css3 sur les icônes des réseaux sociaux de ce site (en bas à droite) et l'effet n'est pas pris en compte, avez-vous une idée pourquoi ?

footer a:hover{-webkit-animation:rubberBand 0.8s;animation:rubberBand 0.8s;animation-duration:0.8s;animation-timing-function:ease;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:rubberBand}

@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}
Modérateur
Salut,

Mets un display: inline-block; sur tes <a> sinon le transform aime pas ça.

Bonne soirée