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}%`;
|
beam.style.left = `${left}%`;
|
||||||
|
|
||||||
// MARK: SUNBEAM WIDTH (in px)
|
// 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.width = `${width}px`;
|
||||||
|
|
||||||
beam.style.setProperty('--beam-rotation', `${rotate}deg`);
|
beam.style.setProperty('--beam-rotation', `${rotate}deg`);
|
||||||
@@ -285,7 +285,7 @@ function createButterfly(container) {
|
|||||||
butterfly.style.animationDelay = `-${Math.random() * 3}s`;
|
butterfly.style.animationDelay = `-${Math.random() * 3}s`;
|
||||||
|
|
||||||
// MARK: BUTTERFLY HEIGHT (in %)
|
// MARK: BUTTERFLY HEIGHT (in %)
|
||||||
const top = Math.random() * 35 + 50; // 50-85%
|
const top = Math.random() * 35 + 30; // 30-65%
|
||||||
wrapper.style.top = `${top}%`;
|
wrapper.style.top = `${top}%`;
|
||||||
|
|
||||||
mirror.appendChild(butterfly);
|
mirror.appendChild(butterfly);
|
||||||
|
|||||||
Reference in New Issue
Block a user