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

wopkshop ที่1

การทำตัวหนังสือวิ่ง  คลิก https://vrisad.blogspot.com 

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

<style>

/* 1. กำหนดลำดับการเปลี่ยนสี (Animation Keyframes) */

@keyframes multi-color-blink {

    0%   { color: #00BFFF; } /* ฟ้าสว่าง (Deep Sky Blue) */

    25%  { color: #0000CD; } /* น้ำเงินเข้ม (Medium Blue) */

    50%  { color: #FF69B4; } /* ชมพู (Hot Pink) */

    75%  { color: #3CB371; } /* เขียว (Medium Sea Green) */

    100% { color: #00BFFF; } /* กลับไปฟ้าสว่าง */}

/* 2. กำหนดรูปแบบของข้อความ marquee */

.color-blinking-text {

    font-size: 40px;

    font-weight: bold;

    /* เรียกใช้ Animation ที่กำหนดไว้ */

    animation: multi-color-blink 4s infinite; /* เปลี่ยนสีวนครบทุก 4 วินาที */}

</style>

<marquee direction="left">

    <span class="color-blinking-text">โปรแกรมการประถมศึกษา</span>

</marquee>