Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

How to make a transition start when hovering another div?

How to make a transition start when hovering another div?

Problem

I am pretty new to coding...

Click Here

Here is my code. I am trying to get "slide" to start a Transition when I hover over the entire"box". As it is now I have to hover over the actual div.

Here it is in jsfiddle. I've been using LESS, can you not use it in jsfiddle?

http://jsfiddle.net/nntTn/

Any help is appreciated. Thanks!

Problem courtesy of: user3330820

Solution

Working Fiddle http://jsfiddle.net/nntTn/2/

You just had the wrong selector is all for this

So I changed this

.box .slide:hover {
  left: 262px;
}

to this

.box:hover .slide {
  left: 262px;
}

and it works great now.

Solution courtesy of: CRABOLO

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

How to make a transition start when hovering another div?

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×