mirror of
https://github.com/System-End/My-website.git
synced 2026-04-19 22:05:07 +00:00
31 lines
623 B
CSS
31 lines
623 B
CSS
.fox-card {
|
|
position: relative;
|
|
background: var(--gradient-card);
|
|
border-radius: 16px;
|
|
padding: 1.5rem;
|
|
border: 1px solid rgba(157, 78, 221, 0.2);
|
|
overflow: hidden;
|
|
}
|
|
.fox-ear {
|
|
position: absolute;
|
|
width: 30px;
|
|
height: 30px;
|
|
background: var(--fox-pink);
|
|
opacity: 0.1;
|
|
transition: opacity 0.3s ease;
|
|
}
|
|
.fox-ear-left {
|
|
top: -15px;
|
|
left: -15px;
|
|
transform: rotate(45deg);
|
|
border-radius: 0 0 0 15px;
|
|
}
|
|
.fox-ear-right {
|
|
top: -15px;
|
|
right: -15px;
|
|
transform: rotate(-45deg);
|
|
border-radius: 0 0 15px 0;
|
|
}
|
|
.fox-card:hover .fox-ear {
|
|
opacity: 0.2;
|
|
}
|