在 CSS 中如何隐藏一半的图片呢?我们可以使用 CSS 中的 transform 属性来完成这个效果。 img { transform: translateY(50%); overflow: hid
在 CSS 中如何隐藏一半的图片呢?
我们可以使用 CSS 中的 transform 属性来完成这个效果。
img { transform: translateY(50%); overflow: hidden; }
transform: translateY(50%) 表示将图片向下平移 50% 的高度,即将其移动到自身高度的一半处。
overflow: hidden 则是为了将图片下面超出部分隐藏掉,避免影响整体布局。
如果要将图片向上平移一半,则可以使用 transform: translateY(-50%)。
粉丝
0
关注
0
收藏
0