fix: remove filters on images due to performance
This commit is contained in:
parent
fab9bac4a5
commit
cda5f2dc5b
@ -54,7 +54,7 @@ export function Card(
|
||||
</span>
|
||||
)}
|
||||
<div
|
||||
class="p-4 flex flex-col justify-between relative z-10 desaturated"
|
||||
class="p-4 flex flex-col justify-between relative z-10"
|
||||
style={{
|
||||
outline: "solid 2px #141218",
|
||||
borderRadius: "1.4rem",
|
||||
|
@ -1,9 +1,7 @@
|
||||
|
||||
|
||||
.animate-hover {
|
||||
animation: hover 4s infinite;
|
||||
|
||||
}
|
||||
|
||||
@keyframes hover {
|
||||
0%, 100% {
|
||||
transform: translateY(-15%);
|
||||
@ -50,15 +48,6 @@ input[type=number] {
|
||||
background-position: 0px 0px;
|
||||
}
|
||||
|
||||
.desaturated {
|
||||
transition: backdrop-filter 0.3s ease;
|
||||
backdrop-filter: contrast(0.8) saturate(0.8);
|
||||
}
|
||||
|
||||
.desaturated:hover{
|
||||
backdrop-filter: contrast(1) saturate(1);
|
||||
}
|
||||
|
||||
.octicon-link {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
|
Loading…
x
Reference in New Issue
Block a user