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

html-css012

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

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

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

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

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