Banner code 468X90

<!DOCTYPE html>
<html lang="ro">
<head>
    <meta charset="UTF-8">
    <style>
        .banner {
            width: 468px;
            height: 90px;
            background-color: #228B22; /* Verde Forest */
            position: relative;
            overflow: hidden;
            border: 1px solid #1a5c1a;
        }

        .star {
            position: absolute;
            background-color: #C0C0C0; /* Argintiu */
            clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
            opacity: 0;
            animation: pulse-star 3s infinite ease-in-out;
        }

        @keyframes pulse-star {
            0%, 100% { transform: scale(0); opacity: 0; }
            50% { transform: scale(1); opacity: 0.8; }
        }

        /* Generare poziții și decalaje diferite pentru 15 steluțe */
        .star:nth-child(1) { top: 10%; left: 15%; width: 10px; height: 10px; animation-delay: 0.2s; }
        .star:nth-child(2) { top: 60%; left: 80%; width: 12px; height: 12px; animation-delay: 0.8s; }
        .star:nth-child(3) { top: 30%; left: 40%; width: 8px; height: 8px; animation-delay: 1.5s; }
        .star:nth-child(4) { top: 70%; left: 20%; width: 14px; height: 14px; animation-delay: 2.1s; }
        .star:nth-child(5) { top: 20%; left: 60%; width: 10px; height: 10px; animation-delay: 0.5s; }
        .star:nth-child(6) { top: 50%; left: 10%; width: 9px; height: 9px; animation-delay: 1.2s; }
        .star:nth-child(7) { top: 80%; left: 50%; width: 11px; height: 11px; animation-delay: 2.8s; }
        .star:nth-child(8) { top: 15%; left: 85%; width: 7px; height: 7px; animation-delay: 0.1s; }
        .star:nth-child(9) { top: 45%; left: 70%; width: 13px; height: 13px; animation-delay: 1.9s; }
        .star:nth-child(10) { top: 65%; left: 35%; width: 10px; height: 10px; animation-delay: 2.4s; }
        .star:nth-child(11) { top: 10%; left: 90%; width: 8px; height: 8px; animation-delay: 0.6s; }
        .star:nth-child(12) { top: 35%; left: 5%; width: 12px; height: 12px; animation-delay: 1.3s; }
        .star:nth-child(13) { top: 85%; left: 92%; width: 9px; height: 9px; animation-delay: 2.0s; }
        .star:nth-child(14) { top: 25%; left: 25%; width: 11px; height: 11px; animation-delay: 0.9s; }
        .star:nth-child(15) { top: 75%; left: 65%; width: 8px; height: 8px; animation-delay: 1.7s; }
    </style>
</head>
<body>

    <div class="banner">
        <!-- Generăm 15 elemente pentru steluțe -->
        <div class="star"></div><div class="star"></div><div class="star"></div>
        <div class="star"></div><div class="star"></div><div class="star"></div>
        <div class="star"></div><div class="star"></div><div class="star"></div>
        <div class="star"></div><div class="star"></div><div class="star"></div>
        <div class="star"></div><div class="star"></div><div class="star"></div>
    </div>

</body>
</html>