flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Isolate Homepage collage component and add hover effect on other photos

Browse Source
This commit is contained in:
Félix Péault
2022-03-21 11:03:05 +01:00
parent 3841bc2ced
commit 8047ffe034
7 changed files with 242 additions and 210 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/style/molecules/_photo-card.scss
View File

@@ -20,6 +20,7 @@
width: calc(100% + 2px);
height: calc(100% + 2px);
object-fit: cover;
transition: opacity 0.7s var(--ease-quart);
}
// Informations
@@ -66,7 +67,7 @@
& > * {
opacity: 0;
transform: translate3d(0, 8px, 0);
transition: opacity 0.8s var(--ease-quart), transform 0.8s var(--ease-quart);
transition: opacity 0.7s var(--ease-quart), transform 0.8s var(--ease-quart);
@include bp (md) {
transform: translate3d(0, 8px, 0);