diff options
| author | zephex-alt <[email protected]> | 2024-05-05 05:12:06 +0000 |
|---|---|---|
| committer | GitHub <[email protected]> | 2024-05-05 05:12:06 +0000 |
| commit | db8af9bda1d57061fa3f240c2be9bb8bc0b5f838 (patch) | |
| tree | 8970cdc8ecb8775cbdfc7782e00c9db151e5dff2 /src/app/page.module.css | |
| parent | i guess I fixed it (diff) | |
| download | dramalama-db8af9bda1d57061fa3f240c2be9bb8bc0b5f838.tar.xz dramalama-db8af9bda1d57061fa3f240c2be9bb8bc0b5f838.zip | |
UI enhancement
Diffstat (limited to 'src/app/page.module.css')
| -rw-r--r-- | src/app/page.module.css | 18 |
1 files changed, 14 insertions, 4 deletions
diff --git a/src/app/page.module.css b/src/app/page.module.css index a38131c..80a2d67 100644 --- a/src/app/page.module.css +++ b/src/app/page.module.css @@ -33,8 +33,8 @@ rgba(115, 154, 242, 1) 21%, rgba(255, 159, 224, 1) 40%, rgba(255, 194, 133, 1) 60%, - rgba(245, 243, 81, 1) 80%, - rgba(255, 179, 0, 1) 100% + rgba(245, 242, 81, 0.884) 80%, + rgba(255, 179, 0, 0.842) 100% ); background-size: 150% 50%; background-clip: text; @@ -46,7 +46,7 @@ background-position: 0 50%; } 100% { - background-position: 100% 50%; + background-position: 100% 100%; } } @@ -124,11 +124,21 @@ .content:hover > .contentContainer div:hover { opacity: 1; cursor: pointer; - transform: scale(0.96) rotateX(15deg) rotateY(-8deg); + transform: scale(0.95) rotateX(12deg) rotateY(-8deg); } @media screen and (max-width: 1024px) { .contentContainer { display: block; } + + .content:hover > .contentContainer div { + opacity: 0.5; + } + + .content:hover > .contentContainer div:hover { + opacity: 1; + cursor: pointer; + transform: scale(0.95); + } } |