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