- This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
- The forum ‘Design’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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)
Only cross browser approach I could think of is an svg with inline <image>
and a clipped path (although I haven’t actually tried).
sounds like a nightmare… ouch… i guess i’ll try to convince them not to do it. thx!
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.
try this http://codepen.io/web-tiki/pen/HhCyd
Very neat, multiple transforms. You gotta come up with it…