Splash Screen text 2

index.js

import logo from "./logo.svg";
import "./App.css";
import { useEffect, useRef, useState } from "react";

function App() {
  const [state, setstate] = useState(40);
  useEffect(() => {}, []);

  return (
    <div className="Splash">
      <div
        style={{
          position: "absolute",
          top: 0,
          right: 0,
          left: 0,
          bottom: 0,
          display: "flex",
          justifyContent: "center",
          alignItems: "center",
          zIndex: 8,
        }}
      >
        <p className={"front"} style={{ color: "#16141c", margin: "auto" }}>
          Shining Text Animation Effects
        </p>
      </div>
      <p style={{ zIndex: 9 }} className={"front frontA"}>
        Shining Text Animation Effects
      </p>
    </div>
  );
}

export default App;