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

CSS

Last Comment

Robert Perez

8/22/2022 - Mon

ASKER CERTIFIED SOLUTION

Zakaria Acharki

3/22/2019

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.

View this solution by signing up for a free trial.

Members can start a 7-Day free trial and enjoy unlimited access to the platform.

See Pricing Options

Start Free Trial

GET A PERSONALIZED SOLUTION

Ask your own question & get feedback from real experts

Find out why thousands trust the EE community with their toughest problems.

Robert Perez

3/22/2019

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

Your help has saved me hundreds of hours of internet surfing.

Certified Expert Program

Credly Partnership

Udemy Partnership