Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Sliding post details on mouseover on css-tricks.com front page Re: Sliding post details on mouseover on css-tricks.com front page

#78761
Chris Coyier
Keymaster

It’s just a div with a couple of spans in it. The div has overflow hidden. The spans are moved outside with left/right positioning accordingly. Then on :hover, the left/right positions are set to zero so they move back inside. The animation is CSS3 through a transition. The star moves via the same transition, only, as Bob said, the background-position changes.

Sorry if that’s overly brief but that’s the rub.