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

Fix Postcard style and hover + rename class

Browse Source
This commit is contained in:
Félix Péault
2021-10-16 15:54:11 +02:00
parent 60ea3d2cb1
commit 36f4c5a330
4 changed files with 22 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/style/pages/_photos.scss
View File

@@ -340,21 +340,20 @@
// Postcard
.post-card {
.postcard {
position: absolute;
bottom: 0;
right: 0;
border-top-left-radius: 8px;
opacity: 0;
pointer-events: none;
// transform: translate3d(10%,25%,0) rotate(-2deg);
transform: translate3d(12%, 23%, 0) rotate(-5deg);
transition: opacity 0.4s var(--ease-quart), transform 1.2s var(--ease-quart);
transition: opacity 0.4s var(--ease-quart), transform 1.0s var(--ease-quart);
}
// Show postcard on hover
&:hover {
.post-card {
.postcard {
opacity: 1;
transform: translate3d(3%,3%,0) rotate(2deg);
}