www.webdeveloper.com
Results 1 to 7 of 7

Thread: best strategy for this roll-over?, 2 elements, see attached .gif

Threaded View

  1. #1
    Join Date
    Mar 2010
    Posts
    281

    best strategy for this roll-over?, 2 elements, see attached .gif

    just thought it'd be a good idea to run this by this group.

    what's the best strategy to use for programming a rollover, without using javascript or jQuery?

    the way i have it now is not good enough. here's what happens:
    the mouse enters the LI area and the star fades in (incorrectly, see below) but the text color does not change, so it looks out of sync. the text only changes when the mouse is right on top of it.

    the star is set as a the List Element's background image, only for a hover state. i set to easing so what happens is it animates to the background position offset. ugg...

    i could do with jQuery but would prefer just to use CSS. any ideas?

    what i'd like is (predictably) the star to fade in simultaneous to the text changing color. this should happen as soon as the mouse enters the LI area.

    feedback would be greatly appreciated!, thanks
    Attached Images Attached Images

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles