HTML图片的hover效果,要求反色效果,图片如下,求大神点拔!!!
1个回答
展开全部
如果是h5页面,可使用transform:rotate和border-raidus实现图形定义,hover效果可直接用css3实现,不过内部的图标是需要图片做背景支持的。
如果是普通页面,建议使用热区+javascript方式实现,下面四个按钮做成四张图定位到对应位置,同时做对应另外四张图作为hover效果图,按钮之上覆盖一层透明gif,然后在gif上定义链接热区,因为热区可随意定义形状,所以可实现途中的响应区域,当鼠标移动到某一热区时,脚本控制改变下面对应的按钮图片切换为hover效果图即可
如果是普通页面,建议使用热区+javascript方式实现,下面四个按钮做成四张图定位到对应位置,同时做对应另外四张图作为hover效果图,按钮之上覆盖一层透明gif,然后在gif上定义链接热区,因为热区可随意定义形状,所以可实现途中的响应区域,当鼠标移动到某一热区时,脚本控制改变下面对应的按钮图片切换为hover效果图即可
追问
我用的h5,图片元素都有,但是在CSS里要怎么定义hover呢?
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询