Breaking News: Grepper is joining You.com. Read the official announcement!

on hover hide prev element border css

MD Redwan Hussain answered on August 4, 2022 Popularity 1/10 Helpfulness 1/10

answer on hover hide prev element border css

on hover hide prev element border css

Comment

a {
    &:before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      width: 1px;
      height: 30px;
      margin-top: -15px;
      background-color: #d0d0d0;
      z-index: -1;
      transition: all ease 0.4s;
    }

    &:hover {
      color: $white-color;
      background-color: $theme-color;

      &,
      +a {
        &::before {
          opacity: 0;
          visibility: hidden;
        }
      }
    }
  }

Popularity 1/10 Helpfulness 1/10 Language css

Source: stackoverflow.com

Tags: border css element hide hover

Link to this answer
Share Copy Link