From 33546b68dbf6152eb24d2ec79ddc16d11ef7f9ee Mon Sep 17 00:00:00 2001 From: Milan Date: Sun, 23 Oct 2022 22:02:15 +0200 Subject: [PATCH] auth.pm: login form animation --- lib/calcms/auth.pm | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/lib/calcms/auth.pm b/lib/calcms/auth.pm index 50f8aac..99a4dff 100644 --- a/lib/calcms/auth.pm +++ b/lib/calcms/auth.pm @@ -300,6 +300,10 @@ sub show_login_form ($$) { margin:1rem; padding:1rem; text-align:center; + animation-name:form; + animation-duration: 1s; + animation-timing-function:ease; + } #login_form .field{ @@ -327,7 +331,21 @@ sub show_login_form ($$) { text-decoration:none; color:#ccf; } + .container{ + animation-name: login; + animation-duration: 1s; + animation-timing-function:ease; + } + \@keyframes login{ + 00% {transform-origin: 0px; transform: scale(0.9); scaleX(1); opacity:0.7; } + 100% {transform-origin: 0px; transform: scale(1); scaleX(1); opacity:1; } + } + \@keyframes form{ + 00% { box-shadow: 0rem 0rem 1rem #eee; transform: translateX(1rem) translateY(1rem);} + 100% { box-shadow: 1rem 1rem 1rem #eee; transform: translateX(0) translateY(0);} + } +