如何在Tailwind中应用linear-gradient的'to left'方向渐变遮罩？

你可以通过两种方式实现右侧的渐变遮罩效果：

• 使用to left方向的线性渐变：

  mask-image: linear-gradient(to left, transparent 0%, #000 1%);
  

  to left是合法的渐变方向参数，与to right方向相反，渐变会从右往左过渡，以此实现右侧的透明遮罩效果。

• 调整色标顺序，保持to right方向：

  mask-image: linear-gradient(to right, #000 99%, transparent 100%);
  

  这种方式让渐变从左到右时，前99%区域保持不透明，最后1%过渡到透明，同样能达成右侧遮罩的效果。

内容的提问来源于stack exchange，提问作者Ash