css中visibility如何让元素显示和隐藏的时候有伸缩效果

CSS中的visibility属性只能控制元素是否可见，不能实现伸缩效果。要实现元素的伸缩效果，可以使用CSS中的transition属性。

例如，可以将元素的高度设置为0，然后使用transition属性将过渡时间设置为0.3秒，这样当元素的visibility属性从hidden变为visible时，高度就会从0逐渐过渡到实际高度，从而实现伸缩效果：

.element {
  height: 0;
  visibility: hidden;
  transition: height 0.3s ease;
}

.element.show {
  height: auto;
  visibility: visible;
}

在这个例子中，.element是要显示或隐藏的元素，.element.show是添加了show类名的元素，当.show类名被添加时，.element的visibility属性从hidden变为visible，同时高度从0逐渐过渡到实际高度。