Neve
Novità
<!-- Effetto neve -->
<script type="text/javascript">
window.onload = function() {
var snow = document.createElement('div');
snow.style.position = 'fixed';
snow.style.top = 0;
snow.style.left = 0;
snow.style.zIndex = 9999;
snow.style.pointerEvents = 'none';
document.body.appendChild(snow);
var snowflakes = [];
for (var i = 0; i < 50; i++) {
var snowflake = document.createElement('div');
snowflake.style.position = 'absolute';
snowflake.style.backgroundColor = '#fff';
snowflake.style.width = '5px';
snowflake.style.height = '5px';
snowflake.style.borderRadius = '50%';
snowflake.style.opacity = Math.random();
snowflake.style.top = Math.random() * window.innerHeight + 'px';
snowflake.style.left = Math.random() * window.innerWidth + 'px';
snow.appendChild(snowflake);
snowflakes.push({
el: snowflake,
speed: Math.random() * 3 + 1,
y: parseFloat(snowflake.style.top)
});
}
function fall() {
snowflakes.forEach(function(flake) {
flake.y += flake.speed;
if (flake.y > window.innerHeight) {
flake.y = -10;
flake.el.style.left = Math.random() * window.innerWidth + 'px';
}
flake.el.style.top = flake.y + 'px';
});
requestAnimationFrame(fall);
}
fall();
};
</script>