[分享]css中怎样隐藏图片一半

在 CSS 中如何隐藏一半的图片呢？

我们可以使用 CSS 中的 transform 属性来完成这个效果。

 img {
        transform: translateY(50%);
        overflow: hidden;
    } 

transform: translateY(50%) 表示将图片向下平移 50% 的高度，即将其移动到自身高度的一半处。

overflow: hidden 则是为了将图片下面超出部分隐藏掉，避免影响整体布局。

如果要将图片向上平移一半，则可以使用 transform: translateY(-50%)。