16 lines
550 B
TypeScript
16 lines
550 B
TypeScript
|
// JS Code that rotates the gradient on the content box on the front page
|
||
|
|
|
||
|
|
document.addEventListener("DOMContentLoaded", (): void => {
|
||
|
|
const mainBox: HTMLDivElement = document.querySelector("#rotating-gradient");
|
||
|
|
let angle: number = 0;
|
||
|
|
|
||
|
|
// Rotate the gradient 1 degree every 100ms
|
||
|
|
setInterval((): void => {
|
||
|
|
const gradient: string = `linear-gradient(${angle}deg, #1E1F46, #404040)`;
|
||
|
|
mainBox.style["background"] = gradient;
|
||
|
|
angle += 1;
|
||
|
|
if (angle >= 360) {
|
||
|
|
angle = 0
|
||
|
|
}
|
||
|
|
}, 100);
|
||
|
|
});
|