hasicicsalih/parfum_agsd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add active state to product-card

Browse Source
This commit is contained in:
anielsen99 2026-03-25 18:15:50 +01:00
parent 706526f545
commit 1aa09657f2
1 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
parfum-shop/src/App.css
View File

@ -156,6 +156,8 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
cursor: pointer;
transition: transform 0.15s ease, border-color 0.15s ease;
} }
.product-card:focus-visible { .product-card:focus-visible {
@ -201,6 +203,11 @@
); );
} }
.product-card:active {
transform: scale(0.97);
border-color: #ff6a00;
}
.product-top { .product-top {
position: relative; position: relative;
z-index: 4; z-index: 4;
@ -287,6 +294,16 @@
mix-blend-mode: difference; mix-blend-mode: difference;
} }
.product-card:active .product-id,
.product-card:active .product-top h3,
.product-card:active .product-bottom p,
.product-card:active .arrow {
color: #ff6a00;
mix-blend-mode: normal;
transform: scale(1.02);
transition: all 0.1s ease;
}
/* DISCOVERY */ /* DISCOVERY */
.discovery-section { .discovery-section {
display: grid; display: grid;