Playing around with CSS variables, animations & transforms to create infinite loop.
Original motion design by Gal Shir https://dribbble.com/shots/3195071-Domino
A Pen by James Warren on CodePen.
Playing around with CSS variables, animations & transforms to create infinite loop.
Original motion design by Gal Shir https://dribbble.com/shots/3195071-Domino
A Pen by James Warren on CodePen.
<div class="container"> | |
<h2 class="title">Password Generator</h2> | |
<div class="result"> | |
<div class="result__title field-title">Generated Password</div> | |
<div class="result__info right">click to copy</div> | |
<div class="result__info left">copied</div> | |
<div class="result__viewbox" id="result">CLICK GENERATE</div> | |
<button id="copy-btn" style="--x: 0; --y: 0"><i class="far fa-copy"></i></button> | |
</div> | |
<div class="length range__slider" data-min="4" data-max="32"> |