added card hover
This commit is contained in:
parent
73cafa7d3b
commit
7116a55f8c
1 changed files with 11 additions and 1 deletions
|
@ -1230,7 +1230,7 @@
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
border-radius: 0px;
|
border-radius: 0px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
transition: filter 0.2s ease-in-out;
|
||||||
.mediaitem-artwork {
|
.mediaitem-artwork {
|
||||||
border-radius: 0px;
|
border-radius: 0px;
|
||||||
|
|
||||||
|
@ -1260,6 +1260,7 @@
|
||||||
z-index: 0;
|
z-index: 0;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
filter: brightness(0.5) blur(50px) saturate(180%);
|
filter: brightness(0.5) blur(50px) saturate(180%);
|
||||||
|
transition: filter 0.2s ease-in-out;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1304,6 +1305,15 @@
|
||||||
border-radius: inherit;
|
border-radius: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
.artwork{
|
||||||
|
filter: brightness(0.8);
|
||||||
|
}
|
||||||
|
.info-rect-card::before {
|
||||||
|
filter: brightness(0.3) blur(50px) saturate(180%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&:not(.noscale) {
|
&:not(.noscale) {
|
||||||
@media (min-width: 1460px) {
|
@media (min-width: 1460px) {
|
||||||
width: calc(230px * 1.1);
|
width: calc(230px * 1.1);
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue