Fix Flashing Rain Particles in top left

This commit is contained in:
Violet 2024-03-04 17:27:19 +00:00 committed by GitHub
parent 9790b71264
commit 720ca213d3

View file

@ -21,9 +21,9 @@ module.exports = {
.rainContainer { .rainContainer {
height: 100vh; height: 100vh;
width: 100vw; width: 80vw;
top: 0px; top: 0px;
left: 0px; left: 10vw;
position: absolute; position: absolute;
overflow: hidden; overflow: hidden;
} }
@ -75,13 +75,13 @@ module.exports = {
html += ` html += `
${index * iterationReducer}0% { ${index * iterationReducer}0% {
top: 110vh; top: 110vh;
right: ${randos[index]}vw; right: ${randos[index]}%;
visibility: hidden; visibility: hidden;
} }
${index * iterationReducer}0.1% { ${index * iterationReducer}0.1% {
top: -10vh; top: -10vh;
right: ${randos[index + 1]}vw; right: ${randos[index + 1]}%;
visibility: hidden; visibility: hidden;
} }
${index * iterationReducer}0.2% { ${index * iterationReducer}0.2% {
@ -91,7 +91,10 @@ module.exports = {
} }
// console.log(html) // console.log(html)
html += `90.3% { visibility: hidden; }`
html += `}` html += `}`
console.log(html)
} }
html += "</style>" html += "</style>"