เเหล่งเรียนรู้

promp : จากโค้ดดังกล่าวข้างต้นปรับแต่ง แก้ไข เพิ่มการแสดงผลให้ตัวอักษรมีสีขาวอมชมพูเรืองแสง กระพริบเหมือนไฟนีออน ค่อยๆเลื่อนขึ้นบนช้าๆ มีขนาดตัวอักษร 40 โดยยังคงรูปแบบโค้ดเดิม  

<style>

  /* กำหนดการกระพริบ (Blink/Neon Glow) */

  @keyframes neon-blink {

    0%, 100% {

      /* สีขาวอมชมพูเรืองแสง */

      color: #FFCCCC; /* สีขาวอมชมพูหลัก */

      text-shadow: 

        0 0 5px #FF99CC, /* เงาอ่อน */

        0 0 10px #FF99CC, /* เงาเข้มขึ้น */

        0 0 20px #FF99CC, /* เงาที่กว้างขึ้น */

        0 0 40px #FF66B2; /* เรืองแสงหลัก */

      opacity: 1;

    }

    50% {

      /* ช่วงที่ไฟ "ดับ" หรือ "หรี่ลง" */

      color: #CC99A8; /* สีจางลงเล็กน้อย */

      text-shadow: none; /* ปิดเงาเรืองแสง */

      opacity: 0.8; 

    }

  }

  /* ควบคุมลักษณะของ Marquee */

  .neon-marquee {

    /* กำหนดขนาดตัวอักษร 40 และใช้ฟอนต์ที่ดูเป็นนีออน (ถ้ามี) */

    font-size: 40px;

    font-weight: bold;

    /* ใช้แอนิเมชันกระพริบ */

    animation: neon-blink 1.5s infinite alternate; 

  }

</style>

<marquee direction="up" scrollamount="1" class="neon-marquee">

  โปรแกรมการประถมศึกษา

</marquee>