Adjust sunbeam and butterfly positioning for improved visuals
This commit is contained in:
@@ -89,7 +89,7 @@ function spawnSunbeamGroup(container, count) {
|
||||
beam.style.left = `${left}%`;
|
||||
|
||||
// MARK: SUNBEAM WIDTH (in px)
|
||||
const width = Math.random() * 5 + 15; // 5-20px wide
|
||||
const width = Math.random() * 12 + 8; // 8-20px wide
|
||||
beam.style.width = `${width}px`;
|
||||
|
||||
beam.style.setProperty('--beam-rotation', `${rotate}deg`);
|
||||
@@ -285,7 +285,7 @@ function createButterfly(container) {
|
||||
butterfly.style.animationDelay = `-${Math.random() * 3}s`;
|
||||
|
||||
// MARK: BUTTERFLY HEIGHT (in %)
|
||||
const top = Math.random() * 35 + 50; // 50-85%
|
||||
const top = Math.random() * 35 + 30; // 30-65%
|
||||
wrapper.style.top = `${top}%`;
|
||||
|
||||
mirror.appendChild(butterfly);
|
||||
|
||||
Reference in New Issue
Block a user