JSFiddle - React, Tailwind, and code Playground

by Ravshanbek778

HTML

<div class="scroll-down-link">
    <a href="#" data-hover="Scroll Down">Scroll Down</a>
</div>

CSS

.scroll-down-link {
  position: relative;
}
.scroll-down-link a:hover {
  position: absolute;
  top
  transform: translateY(-100%);
  transform-origin: 100% 0;
  color: #0d66c2;
}