Transform Translate does not work

#1

Hello,
I try to make a translate effect on my project https://codepen.io/flowerspower/pen/oNgGPLB but it does not work, you can see in my CSS line N°170

Thank’s for the help

#2

Can you explain what you are trying to accomplish? What are you trying to translate? What happens instead of what you want to happen?

#3

Thank’s to answer, on hover i would like to move down the logo and text Github

#4

I believe the problem is with the default value for the display property, which for anchor link elements is inline.

If you look on the MDN docs for the transform property, you’ll see a warning describing how Only transformable elements can be transformed, and this excludes inline elements.

If you change the value to block you should see the desired translation.

#profile-link{
  display: block;
}
1 Like
#5

Thank you very much it works !! :slight_smile:

#6