如何为窗口设置动画？

.window {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.window.show {
  opacity: 1;
}

import { TweenMax } from 'gsap';

const window = document.querySelector('.window');

TweenMax.fromTo(window, 0.5, { x: 0 }, { x: 100 });

import { CSSTransition } from 'react-transition-group';

const Window = ({ show }) => (
  <CSSTransition in={show} timeout={500} classNames="window" unmountOnExit>
    <div className="window">
      {/* 窗口内容 */}
    </div>
  </CSSTransition>
);