我正在用react-modal 實(shí)現(xiàn)模態(tài)。顯示模態(tài)時(shí)，將過(guò)渡設(shè)置為 1s，然后使用 css 將不透明度從 0 更改為 1。有了這個(gè)，我想實(shí)現(xiàn)一個(gè)動(dòng)畫(huà)，其中模式緩慢顯示。問(wèn)題是這個(gè)動(dòng)畫(huà)在 chrome、firfox 中有效，但在 safari 中無(wú)效。動(dòng)畫(huà)被激活的時(shí)間有兩個(gè)。打開(kāi)模式的那一刻和關(guān)閉模式的那一刻。在 safari 中，動(dòng)畫(huà)在關(guān)閉時(shí)起作用，但在打開(kāi)時(shí)動(dòng)畫(huà)似乎不起作用。有解決辦法嗎？下面的 URL 是由開(kāi)發(fā)人員編寫(xiě)的，這正是我想要做的。嘗試在 Safari 中打開(kāi)它。https://codesandbox.io/s/react-modal-animation-p2qnw?from-embed模態(tài)窗口.jsimport React from "react";import Modal from "react-modal";import "../assets/css/modal-style.css";Modal.setAppElement("#root");export default function ModalWindow(props) {  const [modalIsOpen, setIsOpen] = React.useState(false);  return (    <div>      <div onClick={() => setIsOpen(true)}>Click</div>      <Modal        isOpen={modalIsOpen}        onRequestClose={() => setIsOpen(false)}        overlayClassName={{          base: "overlay-base",          afterOpen: "overlay-after",          beforeClose: "overlay-before",        }}        className={{          base: "content-base",          afterOpen: "content-after",          beforeClose: "content-before",        }}        closeTimeoutMS={1000}      >        <div>Message</div>      </Modal>    </div>  );}模態(tài)樣式.css.overlay-base {  position: fixed;  top: 0;  bottom: 0;  right: 0;  left: 0;  background-color: #000000;  opacity: 0;  transition: 1s;}.overlay-after {  opacity: 1;}.overlay-before {  opacity: 0;}.content-base {  width: 480px;  height: 320px;  background-color: #ffffff;  opacity: 0;  transition: 1s;}.content-after {  opacity: 1;}.content-before {  opacity: 0;}