@iindtySubmitted about 2 months ago
M-Aaun-two
@M-Aaun-twoAll comments
- @M-Aaun-twoPosted about 2 months ago
u had to make shadows go more behind while hovering by using .main { background-color: white; padding: 24px; border-radius: 20px; border: #111111 1px solid; box-shadow: 8px 8px 0 rgba(0, 0, 0, 1); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.main:hover { box-shadow: 16px 16px 0 rgba(0, 0, 0, 1); }
and heading should be yellow while hovering on the div not the heading
.main:hover .head { color: #F4D04E; }
0 - @mrdonuzzSubmitted over 2 years ago@M-Aaun-twoPosted about 2 months ago
background color aint the same u could have used the figma design and u can round the borders by using border-radius tag
0