CSS Hover issue

Elliot Stenson

• February 03, 2023 10:21

Hi,

I am trying to add CSS to a section to create a hover animation. It works correctly on the first section I apply it for but does not work on anything else after that, even though I have given each section a different CSS Class.

Here is the CSS i am using for the section which is not currently working. I have identified the CSS Class as 'quality'

.quality {'
  transition: transform 0.4s
  
}
element:hover {
  transform: scale(1.2); /*
}

 

Any help would be greatly appreciated.

0

• 

  KC George

  • February 03, 2023 12:31
  • Edited

  Hi Elliot,

  Please paste your content within a column and add this CSS to the column to apply the hover effect.

  element:hover {
   transition: trasnform 0.4s;
      transform: scale(1.1, 1.1);
  } 

  0

Please sign in to leave a comment.