Fix Flashing Rain Particles in top left
This commit is contained in:
parent
9790b71264
commit
720ca213d3
1 changed files with 7 additions and 4 deletions
|
@ -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>"
|
||||||
|
|
Loading…
Reference in a new issue