z0xca/z0x.ca
Code Activity Actions

tailwindcss rewrite

Browse source
This commit is contained in:
z0x 2024-09-12 23:51:18 -04:00
parent c19ed0113d
commit e7a707b4e2
11 changed files with 90 additions and 318 deletions
Download patch file Download diff file Expand all files Collapse all files

27
snowflakes.ts Normal file
View file

@ -0,0 +1,27 @@
function createSnowflakes() {
const numSnowflakes = 50;
const maxSize = 0.2;
const maxTranslate = 10;
const container = document.getElementById('snowflake-container');
function randomBetween(min, max) {
return (Math.random() * max) + min;
}
if (container) {
for (let i = 0; i < numSnowflakes; i++) {
let randomSize = randomBetween(5, 25) + "px";
let randomLeft = randomBetween(0, window.innerWidth) + "px";
let randomDuration = randomBetween(3, 10);
const snowflake = document.createElement('div');
snowflake.classList.add('snowflake');
snowflake.style.width = randomSize;
snowflake.style.height = randomSize;
snowflake.style.left = randomLeft;
snowflake.style.animationDuration = randomDuration + "s";
snowflake.style.animationDelay = randomBetween(0, 5) + "s";
container.appendChild(snowflake);
}
}
}
createSnowflakes();