maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-29 05:00:43 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #441 from sharetribe/animateButton

Browse source 
animate checkmark
This commit is contained in:
Janne Koivistoinen 2017-09-28 16:49:10 +03:00 • committed by GitHub
commit 22cb502213
1 changed files with 12 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/Button/Button.css
View file

@ -97,6 +97,18 @@
width: 24px;
height: 24px;
stroke: var(--matterColorLight);
/* Animation */
animation-name: checkmarkAnimation;
animation-duration: 0.5s;
animation-iteration-count: 1;
animation-timing-function: ease-out;
}
@keyframes checkmarkAnimation {
0% { opacity: 0; transform: scale(0.75);}
50% { transform: scale(1.15);}
100% { opacity: 1; transform: scale(1);}
}
.secondaryButton .spinner {