有没有办法不对子对象应用 spring 动画？

Question

有没有办法让 div 淡入和淡出（比如用于交替显示不同背景）。并且它的子项（可以说是文本）始终处于完全不透明状态？

{transitions((style, 
<animated.div
  class={
  bg[i] + " bg-fixed bg-cover absolute h-full w-screen bg-no-repeat"
  }
  style={{
  ...style,
  }}
 >
   <TextComponentHere/>
</animated.div>
))}

Answer 1

事实上，你可以。您应该使用 rgba(255, 0, 0, 0.8) 而不是 opacity: 0.8。 Opacity 通常是指所有父子元素，而 rgba 值可以只为特定元素设置，否则设置它的子元素。