CSS3-css3如何做到到拼图效果

CSS3-css3如何做到到拼图效果

想挽留 发布于 2017-07-31 字数 150 浏览 1062 回复 1

如下的效果,能做得出来吗?当鼠标移进去的时候还要有凹进去的阴影

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

瑾兮 2017-08-28 1 楼

拼图效果

可以做一个透明png,四个小格的大小。构造一个与图片一样大的div罩在图片上(z-index)将这个div的background 设为这个透明png repeat一下就可以有划分效果,也可以自适应图片大小。

hover阴影效果

再按同样方法制作另一个带阴影的透明png。然后在这个div hover的时候将背景设为带阴影效果的透明png即可。