mirror of
https://github.com/remvze/moodist.git
synced 2026-02-28 00:53:13 +08:00
feat: add shine effect
This commit is contained in:
@@ -38,7 +38,7 @@ import { Container } from './container';
|
|||||||
background: linear-gradient(
|
background: linear-gradient(
|
||||||
90deg,
|
90deg,
|
||||||
transparent,
|
transparent,
|
||||||
var(--color-neutral-200),
|
var(--color-neutral-400),
|
||||||
transparent
|
transparent
|
||||||
);
|
);
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
|
|||||||
@@ -61,6 +61,20 @@ const count = soundCount();
|
|||||||
background-size: 21px 21px;
|
background-size: 21px 21px;
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
mask-image: linear-gradient(#fff, transparent, transparent);
|
mask-image: linear-gradient(#fff, transparent, transparent);
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 50%;
|
||||||
|
width: 300px;
|
||||||
|
height: 100px;
|
||||||
|
content: '';
|
||||||
|
background: var(--color-neutral-200);
|
||||||
|
filter: blur(50px);
|
||||||
|
border-radius: 100%;
|
||||||
|
opacity: 0.8;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user