update rain

master
joak 10 months ago
parent 6c633984d3
commit 160d4b6028

@ -38,10 +38,20 @@ form div#dropdowns div.row{
} }
.drop{ .drop{
width: 200%;
position:absolute; position:absolute;
top:-10px; top:-10px;
animation: falling 5.5s linear infinite; animation: falling 5.5s linear infinite;
pointer-events: all;
}
#rain1, #rain2{
overflow: hidden;
position: fixed;
left: 0px;
top: 0px;
height: 100vH;
width: 100vW;
pointer-events: none;
} }
@keyframes falling @keyframes falling

@ -6,6 +6,7 @@
<link href="call.css" rel="stylesheet" type="text/css" /> <link href="call.css" rel="stylesheet" type="text/css" />
</head> </head>
<body> <body>
<div id="rain1"></div>
<form> <form>
<fieldset> <fieldset>
<legend>XPUB</legend> <legend>XPUB</legend>
@ -144,6 +145,7 @@
</div> <!-- #info --> </div> <!-- #info -->
</fieldset> </fieldset>
</form> </form>
<div id="rain2" style="z-index: 1;"></div>
<script> <script>
var options = document.getElementById("options"); var options = document.getElementById("options");
var questions = [ var questions = [
@ -226,7 +228,7 @@
inside.classList.add("sinus"); inside.classList.add("sinus");
inside.style.animationDuration = Math.random() * 8 + 6 + "s"; inside.style.animationDuration = Math.random() * 8 + 6 + "s";
drop.appendChild(inside); drop.appendChild(inside);
document.body.appendChild(drop); document.getElementById( Math.floor(Math.random() > 0.25) ? "rain1" : "rain2").appendChild(drop);
makedrop(); makedrop();
}, 50); }, 50);
} }

Loading…
Cancel
Save