Jump to content

Search the Community

Showing results for tags 'hover effect'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • HTML/XHTML
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • XSLT/XSL-FO
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

Found 2 results

  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; }
  2. The page in question is Here For the life of me, I cannot get rid of the bottom overhang. Any suggestions? I is it possible at all? <!-- THUMBNAIL --> <style> div.gallery { margin: 4px; float: left; width: 180px; } div.gallery:hover { box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, .2), 0 0px 0px 0 rgba(0, 0, 0, 0.2); } div.gallery img { width: 100%; height: auto; } </style>
×
×
  • Create New...