如何使用div拼接头像,生成心形照片墙?

html-css028

如何使用div拼接头像,生成心形照片墙?,第1张

可以使用最新的css3进行裁切或遮罩。

使用div配合css3再结合svg可以实现各种形状的裁切,css3加背景可以实现遮罩效果。

如果需要兼容的话,可以使用第三方插件。

1. 可以使用css的border-image属性设置边框的背景图片。2. 可以使用background设置多个背景图片,并分别设置每个背景的位置。3. 把所有图片先合成一个圆形图片,然后整个图片作为背景图片。

1.在手机QQ选择自己的头像。

2.然后在这里继续点击头像。

3.进入到卡片资料这里,点击背景图片。

4.在这里选择照片墙。

5.点击进行添加图片。

6.选择图片的来源。

7.添加好图片之后,点击使用。

8.在这里再进行选择是否和空间同时使用,完成设置。