Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- .button-swing {
- font-family: Arial;
- color: #000;
- background-color: white;
- border: 1px solid #000;
- border-radius: 4px;
- padding: 0 16px;
- cursor: pointer;
- transition: all 0.2s ease-in-out;
- }
- .button-swing:focus {
- animation: swing 1s ease;
- animation-iteration-count: 1;
- }
- @keyframes swing {
- 15% {
- transform: translateX(5px);
- }
- 30% {
- transform: translateX(-5px);
- }
- 50% {
- transform: translateX(3px);
- }
- 65% {
- transform: translateX(-3px);
- }
- 80% {
- transform: translateX(2px);
- }
- 100% {
- transform: translateX(0);
- }
- }
- </style>
- <button class="button-swing"><a href="URL">home</a></button>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement