Скринсейвер
код вставляем в блокнот и потом расширение ".txt" меняем на ".html":
<!DOCTYPE html>
<html>
<head>
<style>
:root {
--start-scale: 0.1;
--scale-step: 4.8;
--animation-duration: 15s;
--spawn-delay: 1.1s;
}
body {
margin: 0;
overflow: hidden;
background: black;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}
.yu, .pahu {
position: absolute;
color: white;
font-family: Arial;
animation: yu-animation var(--animation-duration) linear forwards;
transform-origin: 63% 50%;
opacity: 0;
}
.yu {
font-size: 50vmin;
}
.pahu {
font-size: 15vmin;
color: #ff5555;
--start-scale: 0.8; /* Отдельный масштаб для надписи */
}
@keyframes yu-animation {
0% {
transform: scale(var(--start-scale)) rotate(var(--rotate-start));
opacity: 1;
}
100% {
transform: scale(30) rotate(var(--rotate-end));
opacity: 0;
}
}
</style>
</head>
<body>
<script>
let counter = 0;
let nextPahuAt = 10 + Math.floor(Math.random() * 6) + 5; // 10 + (5-10)
function createPahu() {
const pahu = document.createElement('div');
pahu.className = 'pahu';
pahu.textContent = 'ПАХУЮ';
const startAngle = Math.random() * 360;
const endAngle = startAngle + 360 * 3;
pahu.style.setProperty('--rotate-start', `${startAngle}deg`);
pahu.style.setProperty('--rotate-end', `${endAngle}deg`);
pahu.addEventListener('animationend', () => pahu.remove());
document.body.appendChild(pahu);
}
function createYu() {
counter++;
// Создаем ПАХУЮ каждые 10-15 букв Ю
if(counter >= nextPahuAt) {
createPahu();
counter = 0;
nextPahuAt = 10 + Math.floor(Math.random() * 6) + 5; // Новый интервал
}
const yu = document.createElement('div');
yu.className = 'yu';
yu.textContent = 'Ю';
const startAngle = Math.random() * 360;
const endAngle = startAngle + 360 * (Math.random() * 2 + 1);
yu.style.setProperty('--rotate-start', `${startAngle}deg`);
yu.style.setProperty('--rotate-end', `${endAngle}deg`);
yu.addEventListener('animationend', () => yu.remove());
document.body.appendChild(yu);
setTimeout(createYu, parseFloat(getComputedStyle(document.documentElement)
.getPropertyValue('--spawn-delay')) * 1000);
}
// Запуск анимации
// made by Махурчеватор just for fun ^^
createYu();
</script>
</body>
</html>
обновил, убрал спойлер, хз через задницу вставляется, в каментах еще раз продублировал, в посте форматирование кода хз как настроить