A Pen by James Warren on CodePen.
James Warren Jw-44
- Https://oneall.com
- @cryptoking44
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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"> |
Jw-44
/ elegant-cta-button-animation.markdown
Created
July 30, 2022 13:53
Elegant CTA button animation
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.