diff --git a/_templates/login-content.php b/_templates/login-content.php index cb6a62e10b7b788dadc16806edd5100fc8bf9755..29e17e94285caadca9bbe625c15b753128435e86 100644 --- a/_templates/login-content.php +++ b/_templates/login-content.php @@ -17,6 +17,6 @@ Remember me </label> </div> - <button class="btn btn-primary w-100 py-2" type="submit">Sign in</button> - <p class="mt-5 mb-3 text-body-secondary">© 2017–2024</p> + <button class="hvr-grow-shadow btn btn-primary w-100 py-2 " type="submit">Sign in</button> + </form> diff --git a/assets/dist/css/login-in.css b/assets/dist/css/login-in.css index dcd46b41945c7c57aaad6f8b84c8c42e0bbadac9..1339b6a0959be11c2c8f5f4ff31e05084716610d 100644 --- a/assets/dist/css/login-in.css +++ b/assets/dist/css/login-in.css @@ -29,4 +29,22 @@ body { margin-right: auto; width: 50%; } + + /* Hover effects for sign-in button */ + .hvr-grow-shadow { + display: inline-block; + vertical-align: middle; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: box-shadow, transform; + transition-property: box-shadow, transform; + } + .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active { + box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); + -webkit-transform: scale(1.1); + transform: scale(1.1); + } \ No newline at end of file