CSSアニメーションなしでロードロードを作成


ちょうどマーキーを使用します.
<div
  style={{
    background: "rgba(0,0,0,0.8)",
    color: "white",
    display: "flex",
    justifyContent: "center",
    alignItems: "center",
    fontSize: 32,
    position: "fixed",
    top: 0,
    left: 0,
    width: "100vw",
    height: "100vh",
  }}
>
  <marquee>loading</marquee>
</div>;

デモはこちら.

船🎉