ชื่อตี้ ชื่อเล่น ชื่อจริง (Copy 17036)
✨ Jabont
<!-- เรื่อง animation / Transform / Position / Transition ทำให้เกิด Animation ที่มากกว่าแค่ from .. to แต่ให้เป็นหลายๆ ขั้นได้ โดยแผ่นไม้ ต้องมีการเปลีย่นแปลงมากกว่า 2 มิติ นำความรู้เรื่อง Position มาใช้ขยับ ควรทำให้ box-shadow เปลี่ยนด้วย ลองหมุน ลองเปลี่ยนไซส์ หรืออะไรก็ได้ เพื่อโชว์การเปลี่ยนแปลงของ div Hint ใช้ % แทน from/to ใน keyframes (แก้ภาพเป็นอย่างอื่นได้ ทั้งภาพพื้นหลังและแผ่นไม้) แอบสังเกต โจทย์นี้ใช้ทั้ง vmin vh vw เลย น่าสนใจมาก ว่ามันคืออะไร --> <style> body{ height:100vh; background-image:url('https://unblast.com/wp-content/uploads/2018/12/Wood-Pattern-2.jpg'); background-size:cover; } div{ background-image:url('https://c4.wallpaperflare.com/wallpaper/415/319/589/red-wood-pattern-wallpaper-preview.jpg'); height:40vmin; width:80vmin; top:30vh; left:10vw; position:absolute; border-radius:2vmin; box-shadow:0px 1vmin 1vmin #0005; } </style> <div> </div>