如何用css实现用一张图片做出两张图片的效果

如何用css实现用一张图片做出两张图片的效果

工具/原料

chrome

codepen

方法/步骤

1、首先我们打开编辑器。

2、创建html文档。

3、创建css部分。

4、导入图片。

5、利用background-position属性。

6、也可以用两个坐标来精准定位。