From e0cc3e0a26652c7fe8525830840a488ba1efe3b5 Mon Sep 17 00:00:00 2001 From: JulianPrieber <60265788+JulianPrieber@users.noreply.github.com> Date: Thu, 17 Feb 2022 21:47:23 +0100 Subject: [PATCH] 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) --- littlelink/css/animate.css | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) create mode 100644 littlelink/css/animate.css diff --git a/littlelink/css/animate.css b/littlelink/css/animate.css new file mode 100644 index 0000000..79cbd03 --- /dev/null +++ b/littlelink/css/animate.css @@ -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; + } +} \ No newline at end of file