Шаблон:Звёзды/styles.css

.stars-wrap {

 position: relative;
 overflow: hidden;

} .stars-wrap .star {

 position: absolute;
 font-size: 22px;
 line-height: 1;
 pointer-events: none;
 animation: twinkle 2.6s ease-in-out infinite;

} @keyframes twinkle {

 0%, 100% { opacity: 0.15; transform: scale(0.7) rotate(0deg); }
 50%      { opacity: 1;    transform: scale(1.2) rotate(20deg); }

} /* на телефоне звёзды прячем, чтобы не наезжали на текст */ @media (max-width: 600px) {

 .stars-wrap .star { display: none; }
 .stars-wrap { padding-left: 16px !important; padding-right: 16px !important; }

} /* для тех, у кого в системе отключена анимация */ @media (prefers-reduced-motion: reduce) {

 .stars-wrap .star { animation: none; opacity: 0.6; }

}