Santiago Morales• 360
@Aleroms
Posted
Hey Laura, don't worry on not being about to get the opacity right. This is your first solution posted, congrats! The way I implemented the overlay was by adding another div with a class so I can target it. I set the following:
.overlay { @include b-radius(); position: absolute; width: 100%; height: calc(100% - 4px); top: 0; background-color: hsl(178, 100%, 50%, 50%); z-index: 2; opacity: 0; transition: opacity 0.3s ease-in-out;
and when the user hovers over it I changed the opacity to 1. If any of this syntax is unusual to you i'd suggest getting more practice in by starting at the Newbie challenges from easiest to harder.
Cheers!
1
