mirror of
https://github.com/bytedance/deer-flow.git
synced 2026-04-25 11:18:22 +00:00
34 lines
641 B
CSS
34 lines
641 B
CSS
.card-spotlight {
|
|
position: relative;
|
|
border-radius: 1.5rem;
|
|
border: 1px solid #222;
|
|
background-color: #111;
|
|
padding: 2rem;
|
|
overflow: hidden;
|
|
--mouse-x: 50%;
|
|
--mouse-y: 50%;
|
|
--spotlight-color: rgba(255, 255, 255, 0.05);
|
|
}
|
|
|
|
.card-spotlight::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: radial-gradient(
|
|
circle at var(--mouse-x) var(--mouse-y),
|
|
var(--spotlight-color),
|
|
transparent 80%
|
|
);
|
|
opacity: 0;
|
|
transition: opacity 0.5s ease;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.card-spotlight:hover::before,
|
|
.card-spotlight:focus-within::before {
|
|
opacity: 0.6;
|
|
}
|