Links in websites are very important, they help us "link" pages in our websites.
With stylet we can create beautiful links, with beautiful hover effects.
<div class="border-solid roundest-border border-grey pad-10">
<a href="javascript:void(0)" class="hover-effect-smooth-yellow">
Hello
</a>
<a href="javascript:void(0)" class="hover-effect-smooth-red">
Hello
</a>
<a href="javascript:void(0)" class="hover-effect-smooth-blue">
Hello
</a>
<a href="javascript:void(0)" class="hover-cover-black mar-right-4">
Hello
</a>
<a href="javascript:void(0)" class="hover-cover-green mar-right-4">
Hello
</a>
<a href="javascript:void(0)" class="hover-cover-purple">
Hello
</a>
</div>
Note: When using the "hover-effect-smooth", it adds a margin-right of 4rem to the Anchor tag.