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

WordPress 开发 WordPress 开发 主题:1098 回复:2322

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

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

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

发布评论

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

支持 Markdown 语法,需要帮助?

评论(1

瑾兮 2017-08-28 1 楼

拼图效果

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

hover阴影效果

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