lzc256
/
AquaDX
mirror of https://github.com/hykilpikonna/AquaDX
1
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

[S] Better hover transition

pull/17/head
Azalea 2024-03-02 23:32:32 -05:00
parent 7b97f3d535
commit 284a1f0b57
1 changed files with 5 additions and 6 deletions
Show Stats 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>