如何让css 高度变化时,从下方开始变

可以使用CSS中的transform属性，将元素从下方向上移动，并且设置transform-origin属性为底部中心点。这样，当元素高度变化时，它会从下方开始变化。

具体的代码如下：

.element {
  transform: translateY(100%);
  transform-origin: bottom center;
  transition: all 0.3s ease;
}

.element:hover {
  height: 200px;
  transform: translateY(0);
}

在上面的代码中，元素的初始状态为向下移动了自身高度的距离，即translateY(100%)。当鼠标悬停在元素上时，元素的高度会变为200px，同时使用translateY(0)将元素移回原来的位置。

这样，当元素高度变化时，它会从下方开始变化，并且具有平滑的动画效果。

相关问题

css怎么让背景图片的高度变小

要让背景图片的高度变小，可以使用 CSS 的 `background-size` 属性。

例如，如果你想让背景图片的高度变为原来的一半，可以这样设置：

background-size: auto 50%;

其中的 `auto` 表示宽度自适应，`50%` 表示高度为原来的一半。你也可以根据实际情况修改这个值。

css背景色的高度随着屏幕变化而变化

可以使用CSS中的单位vh（视口高度）来实现背景色的高度随着屏幕变化而变化。例如，将背景色的高度设置为100vh，就可以使其铺满整个视口的高度。具体实现方法如下所示：

body {
  background-color: #f2f2f2;
  height: 100vh;
}

这样就可以实现背景色的高度随着屏幕变化而变化了。