Cookies_Github_mirror/AquaDX
4
0
Fork 1
mirror of https://github.com/MewoLab/AquaDX.git synced 2026-02-04 18:07:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

[S] Better hover transition

Browse Source
This commit is contained in:
Azalea
2024-03-02 23:32:32 -05:00
parent 7b97f3d535
commit 284a1f0b57
1 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
AquaNet/src/components/ActionCard.svelte
View File

@@ -46,7 +46,11 @@
&:hover &:hover
box-shadow: 0 0 0.5rem 0.2rem $c-shadow box-shadow: 0 0 0.5rem 0.2rem $c-shadow
transform: translateY(-0.1rem) transform: translateY(-3px)
// Drop shadow glow
filter: drop-shadow(0 0 12px rgba(var(--card-color), 0.5))
outline-color: rgba(var(--card-color), 0.5)
span span
font-size: 1.2rem font-size: 1.2rem
@@ -69,9 +73,4 @@
:global(> svg) :global(> svg)
position: absolute position: absolute
rotate: 20deg rotate: 20deg
&:hover
// Drop shadow glow
filter: drop-shadow(0 0 12px rgba(var(--card-color), 0.5))
outline-color: rgba(var(--card-color), 0.5)
</style> </style>