<make-it-snow> snowflakes only
by WebComponents
HTML
<script src="https://make-it-snow.github.io/element.js?flakecount=15&maxflakes=20"></script>
<style>
body {
background-color: #666;
overflow: hidden;
--snow-ui-display: none;
--speed: 50;
--size: 5;
--color: white;
--opacity: 1;
--freeze: yes;
--randomxy: yes;
--spikecount: 1;
}
</style>
<make-it-snow></make-it-snow>
<snow-flake x="10" y="50" freeze size="10"></snow-flake>
<snow-flake x="30" y="50" freeze size="10"></snow-flake>
<snow-flake x="50" y="50" freeze size="10"></snow-flake>
<snow-flake x="70" y="50" freeze size="10"></snow-flake>
<snow-flake x="90" y="50" freeze size="10"></snow-flake>