Added custom animate.css
Added a customized version of Animate, a CSS animation library for new button entrance animation. See next commit. (https://github.com/animate-css/animate.css)
This commit is contained in:
parent
862823154c
commit
e0cc3e0a26
|
@ -0,0 +1,25 @@
|
|||
/*!
|
||||
* animate.css - https://animate.style/
|
||||
* Version - 4.1.1
|
||||
* Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev
|
||||
* animation-delay: calc(var(--delay)/10);
|
||||
* Copyright (c) 2022 Animate.css
|
||||
*/
|
||||
|
||||
.button-entrance {
|
||||
animation-name: zoomIn;
|
||||
animation-duration: 1s;
|
||||
animation-fill-mode: both;
|
||||
animation-delay: calc(var(--delay)/10);
|
||||
}
|
||||
|
||||
@keyframes zoomIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scale3d(0.3, 0.3, 0.3);
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue