M-Aaun-two• 20
@M-Aaun-two
Posted
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