css RefugeCF Squarespace花式锚标签 - WIP

Posted 2021-05-13

/*=====  Start: anchor tag styles -ms  ======*/
.html-block a:not(.sqs-block-button-element):after {
  background: #367279;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: -1.5px;
  height: 1px;
  width: calc(100% + 3px);
  -webkit-transition: height .3s ease-in-out;
  -o-transition: height .3s ease-in-out;
  transition: height .3s ease-in-out;
  z-index: -1;
}

.html-block a:not(.sqs-block-button-element):hover:after {
  height: 1.4em;
}

.html-block a:not(.sqs-block-button-element) {
  position: relative;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  z-index: 1;
}

.html-block a:not(.sqs-block-button-element):hover {
  color: #fff;
}
/*=====  End: anchor tag styles  ======*/