kalipso/racalmas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

auth.pm: login form animation

Browse Source
This commit is contained in:
Milan
2022-10-23 22:02:15 +02:00
parent 1fa21789d9
commit 33546b68db
1 changed files with 18 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
lib/calcms/auth.pm
View File

@@ -300,6 +300,10 @@ sub show_login_form ($$) {
margin:1rem; margin:1rem;
padding:1rem; padding:1rem;
text-align:center; text-align:center;
animation-name:form;
animation-duration: 1s;
animation-timing-function:ease;
} }
#login_form .field{ #login_form .field{
@@ -327,7 +331,21 @@ sub show_login_form ($$) {
text-decoration:none; text-decoration:none;
color:#ccf; 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);}
}
</style> </style>
</head> </head>
<body> <body>