相关疑难解决方法(0)

悬停效果:扩展底部边框

我试图在边界上悬停时扩展的边界上获得过渡悬停效果.

h1 {
  color: #666;
}

h1:after {
  position: absolute;
  left: 10px;
  content: '';
  height: 40px;
  width: 275px;
  border-bottom: solid 3px #019fb6;
  transition: left 250ms ease-in-out, right 250ms ease-in-out;
  opacity: 0;
}

h1:hover:after {
  opacity: 1;
}

Run Code Online (Sandbox Code Playgroud)