Hi!
I started 2 days ago on css. I have mainly used html :) I ran into a little problem with hovering.
I have an title and an subtitle. I want the title to move up a little and the subtitle to fade in when hovering over the background picture. So when "img-text-wrapper:hover" activates, i want to have it to have action in both ".subtitle" and ".subtitle2". I think it is because the padding of the subtitle is overlapping the padding of the title, so i cant do something like this, cause then the subtitle wont activate. I hope you understand :/ :/
.country:hover .subtitle2{
font-weight: 600;
color: black;
padding-bottom: 60%;
}
.img-text-wrapper:hover .subtitle{
font-weight: 600;
color: lightseagreen
}
.country .subtitle2{
transition: 0.5s;
font-weight: 600;
font-size: 3.5em;
color: rgb(197, 241, 239);
padding: 0%;
}
.img-text-wrapper .subtitle{
transition: 0.5s;
font-weight: 600;
color: transparent;
}