💌 📖
Skip to main content

.sparkle-btn {
position:relative !important;
animation:blink 1.5s infinite alternate;
}
.sparkle-btn::after {
content:” !important;
position:absolute !important;
top:0 !important;
left:-50% !important;
width:50% !important;
height:100% !important;
background:rgba(255,255,255,0.5) !important;
transform:skewX(-25deg) !important;
animation:shine 3s infinite;
}
@keyframes shine {
0% { left:-50%; }
50% { left:100%; }
100% { left:100%; }
}
@keyframes blink {
from { opacity:1; }
to { opacity:0.75; }
}

(function(){
const emojis = [‘💖’,’🍑’,’✨’,’👧’,’🍬’,’💋’,’🎀’,’🍓’];
const container = document.getElementById(‘aleiraEmojiRain’);
function drop(){
const el=document.createElement(‘div’);
el.textContent=emojis[Math.floor(Math.random()*emojis.length)];
el.setAttribute(‘style’,
‘position:absolute !important; top:-10vh !important; left:’+ (Math.random()*100) +’vw !important; font-size:’+(20+Math.random()*34)+’px !important; opacity:0.95 !important; pointer-events:none !important; z-index:99999 !important; transition:transform 7s linear, opacity 7s linear !important;’
);
container.appendChild(el);
requestAnimationFrame(()=>{
el.style.transform=’translateY(110vh) rotate(‘+(Math.random()*360)+’deg) !important’;
el.style.opacity=’0 !important’;
});
setTimeout(()=>{try{el.remove()}catch(e){}},7400);
}
setInterval(drop,600);
})();

Aleira

Author Aleira

More posts by Aleira

Leave a Reply