bad css application

Théophile Bellintani

• December 29, 2021 21:43

Hello,

I discovered an issue, about custom css :

when I put this css on an image :

element:hover {
transform: translateY(5px);
transition: 0.5s;
}
element {
transition: 0.5s;
}

I've got that in the page constructor :

But after publication, I've that on my page :

There is a bug with wich element is concerned by css rules, only image is moving, note all image block with border-radius, like the other image.

0

• 

  Alex

  • December 30, 2021 21:25

  Hi,

  I have created an internal issue on this regard and we will look into it. Meanwhile, you can use the .brz-image class to apply your code.

  .brz-image:hover {
  transform: translateY(5px);
  transition: 0.5s;
  }

  .brz-image {
  transition: 0.5s;
  }

  0
• 

  Théophile Bellintani

  • February 01, 2022 17:44

  Hi Alex,

  Tanks for your answer. Your solution is only partial, the scale is realised, but not the transition: 0.5s. Very strange.

  0
• 

  Théophile Bellintani

  • February 01, 2022 18:05

  Ok, it's a false problem, with !important attribute, transitions are avalaible too.

  Thanks !

  0

Please sign in to leave a comment.