Embedded Files
นวัตกรรมการศึกษา 4 ชิ้น/เทคนิควิธีการสอน 4 เทคนิค
เทคนิค วิธีการสอน
สื่อการสอน
นวัตกรรมการศึกษา
📢Workshop
Workshop ที่1
การทำตัวหนังสือวิ่ง คลิก ✨http://vrisad.blogspot.com
ครั้งที่ 1
ครั้งที่ 2
ครั้งที่3
PROMP จากโค้ด <marquee direction="left">โปรแกรมการประถมศึกษา</marquee>
จากโค้ดดังกล่างข้างต้นปรับแต่ง แก้ไข เพิ่มเติมการแสดงผลให้ตัวหนังสือมีสีแดงไล่แฉดสีกับสีส้มและตัวหนังสือกระพริบ มีขนาดตัวอักษร 40 โดยยังคงรูปแบบโค้ดเดิม
<!DOCTYPE html>
<html>
<head>
<title>Marquee สลับสีไล่เฉดสีกระพริบ</title>
<style>
/* 1. Keyframes สำหรับการกระพริบ */
@keyframes blinker {
50% {
opacity: 0; /* ที่ 50% ของเวลา ให้ซ่อนข้อความ */
}
}
/* 2. สไตล์สำหรับข้อความไล่เฉดสีและกระพริบ */
.flashing-gradient-text {
/* กำหนดขนาดตัวอักษร */
font-size: 40px;
/* เทคนิคการไล่เฉดสีบนตัวอักษร */
background: linear-gradient(to right, red, orange); /* ไล่เฉดจากแดงไปส้ม */
/* คลิปสีพื้นหลังเข้ากับรูปร่างของข้อความ (สำคัญมากสำหรับ gradient text) */
-webkit-background-clip: text;
background-clip: text;
/* ทำให้สีตัวอักษรโปร่งใส เพื่อเผยให้เห็นสีพื้นหลัง (gradient) */
-webkit-text-fill-color: transparent;
color: transparent;
/* การกระพริบ: ใช้ animation ที่ชื่อ 'blinker', 1 วินาทีต่อรอบ, วนซ้ำ */
animation: blinker 1s infinite;
/* ต้องมี display: inline-block เพื่อให้ gradient แสดงผลถูกต้องใน marquee */
display: inline-block;
}
</style>
</head>
<body>
<marquee behavior="alternate">
<span class="flashing-gradient-text"></span>
</marquee>
<br>
<marquee behavior="alternate">
<span class="flashing-gradient-text">โปรแกรมการประถมศึกษา</span>
</marquee>
</body>
</html>
Workshop ที่2
ครั้งที่1
ครั้งที่ 2
ครั้งที่ 3
สุนัขคู่ใจ
กิจกรรมเปิดงานวันภาษาไทย
ชอบขับรถ
ชอบไปเที่ยวภูเขา
สำหรับนักศึกษา
: ตรวจสอบผลการเรียน
: ตารางเรียน
: ทำเนียบหมู่เรียน 6811217
: ปฏิทินการศึกษา
: แผนการเรียน
: รายชื่อนักศึกษา
: คู่มือนักศึกษา
ผศ.ดร.ปาริชาต เตชะ
ผศ.ดร.ปาริชาต เตชะ
ผศ.วชิระ พิมพ์ทอง
ผศ.วชิระ พิมพ์ทอง
681121605
681121606
นุชวรา ท้าวรัฐกุล
ทิพกฤตา โพธิ์แป้น
ณิชารีย์ อินต๊ะ
Page updated
Google Sites
Report abuse