Forums

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

Home Forums Design is this possible? (img hover question)

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #200388
    Bones_Jones
    Participant

    hi guys,

    i’m making a website and they want images to be in hexagon…
    http://postimg.org/image/xr6u9mvu3/

    and they want each hexagon images to be b&w to color on hover…
    i know i can do this in Flash.. but can this be done in css?

    (ooops, wrong forum… please move this to css combat)

    #200391
    Shikkediel
    Participant

    Only cross browser approach I could think of is an svg with inline <image> and a clipped path (although I haven’t actually tried).

    #200392
    Bones_Jones
    Participant

    sounds like a nightmare… ouch… i guess i’ll try to convince them not to do it. thx!

    #200393
    Shikkediel
    Participant

    Brainstorming a bit… only feasible approach seems to be to pre-clip the images, do a lot of positioning (better go with jQuery there maybe) and put an extra div on top (partially covering the image to prevent overlap) that will be the trigger for hovering.

    #200395
    web_editor
    Participant
    #200397
    Shikkediel
    Participant

    Very neat, multiple transforms. You gotta come up with it…

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Design’ is closed to new topics and replies.