Add hover effect on Homepage collage photos
This commit is contained in:
@@ -75,6 +75,12 @@
|
|||||||
picture {
|
picture {
|
||||||
background: $color-primary-tertiary20;
|
background: $color-primary-tertiary20;
|
||||||
}
|
}
|
||||||
|
a {
|
||||||
|
display: block;
|
||||||
|
cursor: zoom-in;
|
||||||
|
transition: transform 0.7s var(--ease-quart);
|
||||||
|
will-change: transform;
|
||||||
|
}
|
||||||
|
|
||||||
// First row
|
// First row
|
||||||
&:nth-child(1) {
|
&:nth-child(1) {
|
||||||
@@ -190,6 +196,11 @@
|
|||||||
z-index: 13;
|
z-index: 13;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Slightly zoom in on hover
|
||||||
|
a:hover {
|
||||||
|
transform: scale(1.0375) rotate(2deg) translateZ(0);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// CTAS
|
// CTAS
|
||||||
|
|||||||
Reference in New Issue
Block a user