Embedded Files
นวัตกรรมการศึกษา 4 ชิ้น / เทคนิคการสอน 4 เทคนิค
นวัตกรรมการศึกษา 4 ชิ้น / เทคนิคการสอน 4 เทคนิค
📢Workshop
ครั้งที่ 1
ครั้งที่ 2
ครั้งที่ 3
pormp จากโค้ดดังกล่าวข้างต้น ปรับแต่ง แก้ไข เพิ่มการแสดงผลให้ <marquee direct="right">โปรแกรมวิชาการประถมศึกษา </marquee> จากโค้ดที่ปรับแต่งและเพิ่มความสามารถในการให้ตัวอักษรมีฟ้า, ชมพู, ขาว, และเขียว ในส่วนของตัวอักษร 40 สามารถเปลี่ยนสีแบบไล่สีได้
<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="UTF-8">
<style>
.gradient-text {
font-size: 40px;
font-weight: bold;
background: linear-gradient(
270deg,
#00cfff, /* ฟ้า */
#ff69b4, /* ชมพู */
#ffffff, /* ขาว */
#00ff7f /* เขียว */
);
background-size: 600% 600%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: gradientMove 5s ease infinite;
}
@keyframes gradientMove {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
</style>
</head>
<body>
<marquee direction="right">
<span class="gradient-text">
โปรแกรมวิชาการประถมศึกษา
</span>
</marquee>
</body>
</html>
Page updated
Google Sites
Report abuse