29 lines
695 B
TypeScript
29 lines
695 B
TypeScript
//info: Background animation component to animate the background of loginpage
|
|
import { useEffect } from "react";
|
|
|
|
/**
|
|
* Renders a background animation component.
|
|
* This component pre-loads images and starts a background transition animation.
|
|
*/
|
|
const BackgroundAnimation = (): JSX.Element => {
|
|
useEffect(() => {
|
|
const images = [
|
|
"src/assets/1.jpg",
|
|
"src/assets/2.jpg",
|
|
"src/assets/3.jpg",
|
|
"src/assets/4.jpg",
|
|
];
|
|
|
|
// Pre-load images
|
|
for (const i of images) {
|
|
console.log(i);
|
|
}
|
|
|
|
// Start animation
|
|
document.body.style.animation = "backgroundTransition 30s infinite";
|
|
}, []);
|
|
|
|
return <></>;
|
|
};
|
|
|
|
export default BackgroundAnimation;
|