Jump to content

MadsKaiser

Members
  • Content Count

    1
  • Joined

  • Last visited

Community Reputation

0 Neutral

About MadsKaiser

  • Rank
    Newbie
  1. 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; }
×
×
  • Create New...