Skip to content

Commit be795cc

Browse files
author
Niharika Shah
committed
Made the req. changes
1 parent 978c2a8 commit be795cc

File tree

1 file changed

+9
-13
lines changed

1 file changed

+9
-13
lines changed

src/components/HomePage/header.css

Lines changed: 9 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -98,32 +98,28 @@
9898
border-radius: 10% 40%;
9999
}
100100

101-
102101
.chh__header-image img {
103-
width: 100%;
104-
height: 100%;
105-
border-radius: 10% 40%;
106-
transition: transform 0.3s ease, box-shadow 0.3s ease;
102+
transition: transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
103+
filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, 0.6));
107104
}
108105

109106
.chh__header-image img:hover {
110-
transform: scale(1.1);
111-
box-shadow: 0 10px 20px rgba(243, 240, 240, 0.2);
107+
transform: scale(1.03);
108+
filter: drop-shadow(10px 10px 20px rgba(169, 158, 158, 0.6));
112109
}
113110

114-
@keyframes damping {
111+
@keyframes imageHoverEffect {
115112
0% {
116113
transform: scale(1);
117114
}
118-
40% {
119-
transform: scale(1.06);
115+
50% {
116+
transform: scale(1.03);
120117
}
121-
60% {
122-
transform: scale(1.05);
118+
100% {
119+
transform: scale(1.06);
123120
}
124121
}
125122

126-
127123
.chh__header-image img:hover {
128124
animation: damping 0.6s ease-in-out; /* Applied damping keyframes on hover */
129125
}

0 commit comments

Comments
 (0)