style: добавить стеклянный слой поверх portfolio-card
This commit is contained in:
1 parent
ac8b60049a
commit
5b43d486c0
1 file changed
+13
@@ -3894,6 +3894,7 @@ html[data-theme="dark"] .mp-card--stack-bottom .mp-card__tag {
|
||||
}
|
||||
|
||||
.portfolio-card {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0;
|
||||
@@ -3909,6 +3910,18 @@ html[data-theme="dark"] .mp-card--stack-bottom .mp-card__tag {
|
||||
transition: border-color 0.2s ease;
|
||||
}
|
||||
|
||||
.portfolio-card::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
z-index: 1;
|
||||
pointer-events: none;
|
||||
border-radius: inherit;
|
||||
background: color-mix(in srgb, var(--surface) 22%, transparent);
|
||||
-webkit-backdrop-filter: blur(2.5px) saturate(115%);
|
||||
backdrop-filter: blur(2.5px) saturate(115%);
|
||||
}
|
||||
|
||||
.portfolio-card:hover,
|
||||
.portfolio-card:focus-visible {
|
||||
border-color: color-mix(in srgb, var(--accent) 55%, var(--card-border));
|
||||
|
||||
Reference in new issue
Block a user