有没有一种方法可以不将弹簧动画应用于子对象

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值可以仅为特定元素设置，否则可以设置其子元素。