style(portfolio): mp-card--bleed image — top-left radius, subtle border, hover zoom from bottom-right
This commit is contained in:
1 parent
f550f70318
commit
f9cea9f097
1 file changed
+8
-2
+8
-2
@@ -3426,9 +3426,15 @@ html[data-theme="light"] .hero__portrait-shell {
|
||||
.mp-card--bleed .mp-card__image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
border: 1px solid var(--line);
|
||||
border-top-left-radius: var(--radius-card);
|
||||
border-bottom-right-radius: var(--radius-card);
|
||||
object-fit: cover;
|
||||
transition: transform 0.35s ease;
|
||||
}
|
||||
.mp-card--bleed:hover .mp-card__image {
|
||||
transform: scale(1.04);
|
||||
transform-origin: bottom right;
|
||||
}
|
||||
.mp-card--bleed .mp-card__title { order: 0; }
|
||||
.mp-card--bleed .mp-card__desc { order: 1; }
|
||||
|
||||
Reference in new issue
Block a user