📢นวัตกรรมการศึกษา4ชิ้น/เทคนิควิธีการสอน4เทคนิค
เทคนิค วิธีการสอน
คลิก! อ่านรายละเอียดเพิ่มเติม
นวัตกรรมการศึกษา
คลิก! อ่านรายละเอียดเพิ่มเติม
📢Workshop
Workshop ที่ 1
การทำตัวหนังสือวิ่ง คลิก! https://vrisad.blogspot.com/
ครั้งที่ 1
ครั้งที่ 2
ครั้งที่ 3
promp จากข้อความดังกล่าวข้างต้นปรับเเต่ง เเก้ไข เพิ่มการเเสดงผลให้ตัวอักษรเด้งขึ้นลง สีสายรุ้ง มีนก3ตัวสีดำบินตาม มีขนาดอักษร40 โดยยังคงรูปแบบโค้ดเดิม
<style>/* CSS สำหรับเอฟเฟกต์สีรุ้งและเด้งขึ้นลง */
@keyframes rainbow {
0% { color: #FF0000; } /* แดง */
14% { color: #FF7F00; } /* ส้ม */
28% { color: #FFFF00; } /* เหลือง */
42% { color: #00FF00; } /* เขียว */
57% { color: #0000FF; } /* น้ำเงิน */
71% { color: #4B0082; } /* คราม */
85% { color: #9400D3; } /* ม่วง */
100% { color: #FF0000; } /* กลับไปแดง */
}
@keyframes jump {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-10px); } /* ความสูงที่เด้งขึ้น */
}
.rainbow-text {
font-size: 40px; /* ขนาดอักษร 40px */
display: inline-block; /* ทำให้สามารถใช้ transform ได้ */
animation: rainbow 2s infinite linear, jump 0.5s infinite alternate; /* ใช้ 2 animation */
}
/* CSS สำหรับนก */
.bird-group {
display: inline-block;
margin-right: 15px; /* ระยะห่างระหว่างนกกับข้อความ */
font-size: 30px; /* ขนาดของอีโมจินก */
}
</style>
<marquee direction="left" behavior="scroll" scrollamount="10">
<span class="bird-group">
🐦🐦🐦
</span>
<span class="rainbow-text" style="animation-delay: 0s;">ก</span>
<span class="rainbow-text" style="animation-delay: 0.1s;">า</span>
<span class="rainbow-text" style="animation-delay: 0.2s;">ร</span>
<span class="rainbow-text" style="animation-delay: 0.3s;">ป</span>
<span class="rainbow-text" style="animation-delay: 0.4s;">ร</span>
<span class="rainbow-text" style="animation-delay: 0.5s;">ะ</span>
<span class="rainbow-text" style="animation-delay: 0.6s;">ถ</span>
<span class="rainbow-text" style="animation-delay: 0.7s;">ม</span>
<span class="rainbow-text" style="animation-delay: 0.8s;">ศ</span>
<span class="rainbow-text" style="animation-delay: 0.9s;">ึ</span>
<span class="rainbow-text" style="animation-delay: 1.0s;">ก</span>
<span class="rainbow-text" style="animation-delay: 1.1s;">ษ</span>
<span class="rainbow-text" style="animation-delay: 1.2s;">า</span>
</marquee>
Workshop ที่ 2
การสร้างข้อสอบออนไลน์ (แบบปรนัย) คลิก!
คลิก!
ครั้งที่1