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

😈นวัตกรรมการศึกษา 4 ชั้น /  เทคนิควิธีการสอน 4 เทคนิค

📢 Workshop

Workshop ที่ 1  

การทำตัวหนังสือวิ่ง   

Promp : จากโค้ดดังกล่าวข้างต้น แก้ไข  ให้ตัวหนังสือไล่สี กระพริบ

 <style>

/* สไตล์สำหรับการไล่สีม่วง */

.purple-gradient-text {

    /* กำหนดขนาดตัวอักษร 40px */

    font-size: 40px; 

    font-weight: bold;

    /* การไล่สี (Gradient) */

    background: linear-gradient(to right, #e0b4ff, #8e44ad); /* ม่วงอ่อนไปม่วงเข้ม */

    /* ทำให้พื้นหลังสี Gradient แสดงบนข้อความเท่านั้น */

    -webkit-background-clip: text; 

    -webkit-text-fill-color: transparent; /* ทำให้ตัวอักษรโปร่งใสเพื่อโชว์สีพื้นหลัง */

    /* สำหรับเบราว์เซอร์อื่นๆ (ถ้าต้องการ) */

    background-clip: text;

    text-fill-color: transparent;

}

</style>

<marquee direction="right" scrollamount="15">

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

</marquee>