File tree Expand file tree Collapse file tree 1 file changed +23
-4
lines changed Expand file tree Collapse file tree 1 file changed +23
-4
lines changed Original file line number Diff line number Diff line change 98
98
border-radius : 10% 40% ;
99
99
}
100
100
101
-
102
101
.chh__header-image img {
103
- width : 100% ;
104
- height : 100% ;
105
- border-radius : 10% 40% ;
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 ));
104
+ }
105
+
106
+ .chh__header-image img : hover {
107
+ transform : scale (1.03 );
108
+ filter : drop-shadow (10px 10px 20px rgba (169 , 158 , 158 , 0.6 ));
109
+ }
110
+
111
+ @keyframes imageHoverEffect {
112
+ 0% {
113
+ transform : scale (1 );
114
+ }
115
+ 50% {
116
+ transform : scale (1.03 );
117
+ }
118
+ 100% {
119
+ transform : scale (1.06 );
120
+ }
121
+ }
122
+
123
+ .chh__header-image img : hover {
124
+ animation : damping 0.6s ease-in-out; /* Applied damping keyframes on hover */
106
125
}
107
126
108
127
@media screen and (max-width : 1050px ) {
You can’t perform that action at this time.
0 commit comments