DEV Community

Cover image for There is a simple solution with CSS
Apoorva CG
Apoorva CG

Posted on

There is a simple solution with CSS

Usually CSS is hard! but not this time😄, an answer from Stack Overflow saved me a lot time and unwanted code. The requirement was to show icons onHover of a list item using react.

Came across this simple and efficient CSS solution without overengineering by @arunkhot,

There is simple solution with CSS Just add below CSS to the elements you want to show/hide on hover. By default put set CSS property

{
  display: none
}

Element would be visible on mouse hover with below CSS.

                '&:hover, &:focus-within': {
                  '.element-class':
…

Writing this appreciation post with the time saved😌

Top comments (0)