Link to home
Start Free TrialLog in
Avatar of Simon Leung
Simon Leung

asked on

CSS hover over effects

Wants a rollover effect in which the tabs appear to come to the front. Create a style rule for the body > header nav.tabs li selector that uses the pseudo-class hover that changes the background color to rgb(231, 231, 231).

   body >header nav.tabs li:hover {
      background-color: rbg(231,231,231);
}

It doesn't work. Any idea ?

Thx
MyWork.zip
ASKER CERTIFIED SOLUTION
Avatar of Zakaria Acharki
Zakaria Acharki
Flag of Morocco image
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Robert Perez
Robert Perez
Also, unsure if this was purposeful or not, but the border you have around the recipe isn't showing the border.

You have 
section#center article {	
 background: radial-gradient(white, rgb(151,151,151));
	border: 1px, solid rgb(151,151,151);
	        /* ^comma here breaks border */
border-radius: 50px;
	box-shadow: 10px 10px 20px rgb(51,51,51);
}

Open in new window


If you remove the comma your border will show.

-Robert