Add hover effect on Homepage collage photos

This commit is contained in:
2021-10-16 22:31:13 +02:00
parent 818e1cfad4
commit 4d670dfb5d

View File

@@ -75,6 +75,12 @@
picture {
background: $color-primary-tertiary20;
}
a {
display: block;
cursor: zoom-in;
transition: transform 0.7s var(--ease-quart);
will-change: transform;
}
// First row
&:nth-child(1) {
@@ -190,6 +196,11 @@
z-index: 13;
}
}
// Slightly zoom in on hover
a:hover {
transform: scale(1.0375) rotate(2deg) translateZ(0);
}
}
// CTAS