CSS3 实现图片中的效果

想对一张图片实现悬停效果
能否实现 A B C D 四个块 相互独立 没有互相的覆盖(这四个需要点击)
图片描述

阅读 3.2k
4 个回答

去网上看看太极八卦图,感觉是可以实现的,只是麻烦

使用html的map标签元素定义可点击或触发的不规则的热点区域

clip-path 这个属性可以切割图片 并且实现可点区域

这个光用css,而且不能覆盖有点不太现实吧...

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题