JSFiddle - React, Tailwind, and code Playground

by Aaron Bird

HTML

<div class="container">
  占位字符
</div>

CSS

.container:before {
  content: "";
  position: absolute;
  left:0;
  bottom:0;

  height:2px;
  background:black;
  width:100%;
}
.container{
  position:relative;
  width:100px;
  text-align:center;
  cursor: default;
}
.container:hover:before {
  transform:scaleX(0.1);
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  
}