如何在线性过渡时保持div前半部分的不透明度？

在线性过渡时保持div前半部分的不透明度可以通过使用CSS的线性渐变和伪元素来实现。

首先，我们可以使用CSS的线性渐变（linear-gradient）来创建一个从透明到不透明的渐变背景。例如，我们可以设置一个从左到右的渐变，使得div的前半部分透明度为0，后半部分透明度为1。具体的CSS代码如下：

div {
  background: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 1) 50%);
}

上述代码中，to right表示渐变的方向是从左到右，transparent表示透明度为0，rgba(0, 0, 0, 1)表示透明度为1的黑色。

然后，为了保持div前半部分的不透明度，在div中添加一个伪元素（::before或::after），并设置其背景为透明度为0的线性渐变。具体的CSS代码如下：

div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 0) 50%);
}

上述代码中，::before表示伪元素为div的前面插入的元素，position: absolute使得伪元素相对于div进行定位，top: 0和left: 0将伪元素定位在div的左上角，width: 50%和height: 100%设置伪元素的宽度为div的一半，高度为div的高度，background设置伪元素的背景为透明度为0的线性渐变。

通过以上的CSS代码，我们可以实现在线性过渡时保持div前半部分的不透明度。