title: react-spring: fade in top-left to bottom-right
body: <p>I am currently moving our animations over to react-spring but am having difficulty implementing animations such as fade-in top left to bottom right. Something simple along these lines fades in a div but I need to control the direction of the fade in:</p>
  
  <pre><code>import {useTransition, animated} from 'react-spring'
  
  const component = () =&gt; {
  
    const props = useSpring({opacity: 1, from: {opacity: 0}})
  
    return (
      &lt;animated.div&gt;
        {div contents here}
      &lt;/animated.div&gt;
    )
  }
  
  Anyone have experience with React Spring
  </code></pre>