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

Posted 2023-02-21

【中文标题】有没有办法不对子对象应用弹簧动画？

【英文标题】：Is there a way to not apply spring animations to children objects?

【发布时间】：2022-01-23 17:40:22

【问题描述】：

有没有办法让例如一个 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>
))

【参考方案1】：

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

【讨论】：

这应该怎么写，从： opacity: 0 ，输入： opacity: 1 我在文档中找不到任何关于 rgba 和 from to 的争论

你是否在这个元素上设置了某种类型的背景颜色？

是的，我有一个 3 图像过渡作为背景，除此之外，我试图覆盖一些文本，但是如果我将文本添加为​​兄弟而不是作为孩子，它就会出现在 bg 后面，如果我把它作为一个孩子添加，由于 3 个背景，我会看到相同的内容 3 次

并且 z 值由于某种原因不起作用

那么在设置背景颜色时，您是使用颜色名称，例如red 或orange，还是使用hex/rgb 值？