Help with hover effect?

Discussion in 'Graphic Design' started by Jmanyoma, Jun 8, 2012.

to remove all ads.
  1. Jmanyoma

    Jmanyoma New Member

    Messages:
    2
    Hey guy's im currently designing a website for a friend and i'm looking to adding a highlight or hover effect to the seperate div tags.

    I was looking to have something similar to this http://rostrumrecords.com/ when you hover over the area of the artist.

    Thank you for any help
     
  2. chrishirst

    chrishirst Well-Known Member Staff Member

    Messages:
    2,670
  3. Jmanyoma

    Jmanyoma New Member

    Messages:
    2
    I need the hover effect but not for text. I'm sure its something else but not sure what.

    The site is working again, help anyone?
     
  4. ronaldroe

    ronaldroe Super Moderator Staff Member

    Messages:
    1,223
    Again, do this

     
  5. chrishirst

    chrishirst Well-Known Member Staff Member

    Messages:
    2,670
    And????????
     
  6. JakClark

    JakClark New Member

    Messages:
    128
    Code:
    <!DOCTYPE html>
    <html>
    <head>
    	<title>CSS Hover Pseudo</title>
    	<style>
    		body { margin:20px; padding:0; background:#000; }
    		
    		div.example { padding:10px; width:200px; height:350px; font-family:Arial; font-size:12px; font-weight:bold; border:1px solid #DADADA; color:#fff; }
    		div.example:hover { background:#DADADA; color:#000; }
    	</style>
    </head>
    <body>
    	<div class="example">
    		Hover over me!
    	</div>
    </body>
    </html>
    This should help. No more than actually reading the example Chris posted, though.
     

Share This Page