scss 滚动--btn

Posted 2021-05-17

<a href="#usecase" class="scroll js-scroll">SCROLL</a>

SCROLL --btn
------------


A [Pen](https://codepen.io/atos/pen/exLpza) by [atos](https://codepen.io/atos) on [CodePen](https://codepen.io).

[License](https://codepen.io/atos/pen/exLpza/license).

.scroll{
  display: block;
  position: absolute;
  right: -26px;
  bottom: 45px;
  padding-bottom: 75px;
  font-size: 18px;
  font-family: Arial, Helvetica, "sans-serif";
  &:before{
    content: "";
    display: block;
    background-color: #000;
    width: 2px;
    height: 75px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  &:after{
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    position: absolute;
    bottom: 2px;
    left: 0;
    right: 0;
    margin: auto;
  }
}