schmidt1024/kashilo
1
0
Fork 0
Code Issues Pull Requests Releases Activity

feat: add smooth zoom-in hover effect on listing images

Browse Source
This commit is contained in:
Schmidt
2026-02-05 16:36:28 +01:00
parent 585ad55e4a
commit eca0da1fd7
2 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
js/components/listing-card.js
View File

@@ -215,6 +215,11 @@ style.textContent = /* css */`
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
listing-card:hover .listing-image img {
transform: scale(1.08);
}
listing-card .listing-image .placeholder-icon {

7
js/components/pages/page-listing.js
View File

@@ -582,6 +582,8 @@ style.textContent = /* css */`
page-listing .listing-image-main {
display: block;
width: 100%;
overflow: hidden;
border-radius: var(--radius-md);
}
page-listing .listing-image-main img {
@@ -589,6 +591,11 @@ style.textContent = /* css */`
width: 100%;
height: auto;
border-radius: var(--radius-md);
transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
page-listing .listing-image-main:hover img {
transform: scale(1.08);
}
page-listing .listing-image-main .placeholder-icon {