如果是h5页面，可使用transform:rotate和border-raidus实现图形定义，hover效果可直接用css3实现，不过内部的图标是需要图片做背景支持的。
如果是普通页面，建议使用热区+javascript方式实现，下面四个按钮做成四张图定位到对应位置，同时做对应另外四张图作为hover效果图，按钮之上覆盖一层透明gif，然后在gif上定义链接热区，因为热区可随意定义形状，所以可实现途中的响应区域，当鼠标移动到某一热区时，脚本控制改变下面对应的按钮图片切换为hover效果图即可
内容全部来源于网络收集，如有侵权，请联系网站删除：QQ：24596024