Applying config only to a specific property

[richardaum]

Hi there

Really impressed with the library - thanks so much for all the effort.

I was thinking if it enables to provide a config specifically:

export const Slider = ({ current }: Props) => {
  const [css] = useStyletron()

  const transitions = useTransition(current, {
    initial: { opacity: 1 },
    from: { opacity: 0, transform: "translateY(100%)" },
    enter: { opacity: 1, transform: "translateY(0px)" },
    leave: { opacity: 0, transform: "translateY(-50%)" },
    config: config.wobbly,
  })

  return transitions((props, item) => (
    <animated.div key={item} style={{ ...props, top: 0, left: 0, position: "absolute" }}>
      {item}
    </animated.div>
  ))
}

Considering I am applying a wobbly effect to the entire transition, I would like to apply that config specifically to the transform property. How would I do that?