mirror of
https://gitee.com/wanwujie/deer-flow
synced 2026-04-22 05:34:45 +08:00
feat: implement the first version of landing page
This commit is contained in:
29
frontend/src/components/ui/spotlight-card.css
Normal file
29
frontend/src/components/ui/spotlight-card.css
Normal file
@@ -0,0 +1,29 @@
|
||||
.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;
|
||||
}
|
||||
Reference in New Issue
Block a user