css selectors

[asma]

hellow
i have a main div contaning 5 list items and a div containing an image.i want to move the div (containing an image) when hover on a list item.how is it possible with css?

[asma]

want to do this task with css selectors.

[Paulie_D]

Could you put your HTML & CSS in Codepen so we can see what you have?

What do you mean by ‘move the div’?

[asma]

i mean i want to animate that div.

[asma]

`

• Home
• Experience
• Projects
• Education
• Skills
• Courses
• Contact

`
when hover on any link smallscale div animates

[Paulie_D]

Please put your code into Codepen.

[asma]

any solution?

[SamuelNeudeck22]

[https://css-tricks.com/almanac/properties/a/animation/](https://css-tricks.com/almanac/properties/a/animation/ “”) try looking here if you don’t see what you need it may be easier to use jQuery on your div. search codeacademy or W3schools for more specific jQuery animations. If you could provide a link to your site or a codepen that is preferred so we cans see your code and more easily troubleshoot your problem.

[Paulie_D]

>any solution?

As before, please put your code (HTML & CSS) into Codepen.

[asma]

http://jsfiddle.net/9Fhgm/ plz visit link

[asma]

what i want is when hover on any list item green div move to left

[asma]

is this possible with pure css?

[amoss]

li:hover ~ #smallscale{
margin-left: -100px;
}

http://jsfiddle.net/9Fhgm/3/

[Paulie_D]

I don’t think there is a selector that will let you select the image div based on a list item or anchor link.

It can be done based on the **whole** menu (using the sibling connector `~` ) but I’m guessing that’s not what you are after.

JS/JQ will be the answer…depending one what it is you are actually trying to do.

[asma]

thanks amoss and paulie_D :)

[Author]

Posts