Relative Content

Tag Archive for htmlcsscss-animationsborder

Border bleed on a button with slide animation

Problem I am trying to create a button with a sliding animation. The button has a border-radius and uses pseudo-elements to achieve the effect. Here is the markup: <div role=”button” class=”is-style-rt-primary-accent-button”> <a class=”rt-button__link” data-text=”HELLO WORLD” href=”#” target=”_self” rel=”noopener”> HELLO WORLD <div class=”rt-button”> <div class=”rt-button__circle”> <div class=”rt-button__arrow”> <span class=”rt-button__line”></span> <span class=”rt-button__pointer”></span> </div> </div> </div> </a> </div> […]