การทำ CSS Transition ทำเว็บไซต์ให้มีลูกเล่น

สอนทำเว็บไซต์-css-animation

การทำ CSS Transition ทำเว็บไซต์ให้มีลูกเล่น การทำ CSS Transition ทำเว็บไซต์ให้มีลูกเล่น การทำ CSS Transition และการทำ CSS Animation เป็นการเพิ่มลูกเล่นให้กับเว็บไซต์ให้ดูน่าสนใจมากยิ่งขึ้น ทำให้ผู้ใช้งานเว็บไซต์ได้รู้สึกว่าเว็บไซต์มีปฏิสัมพันธ์กับผู้ใช้งานมากยิ่งขึ้น การทำ transition คือการปรับเปลี่ยนคุณลักษณะของวัตถุจากรูปแบบหนึ่งไปยังอีกรูปแบบหนึ่ง ส่วนการทำอนิเมชั่นคือการทำการเคลื่อนไหวหรือเคลื่อนย้ายตำแหน่ง ขนาด องศา เป็นต้น

อ่านเพิ่มเติม


CSS pointer-events กำหนดให้ div คลิกไม่ได้

CSS3-เทคนิค-เขียนเว็บ

CSS pointer-events กำหนดให้ div คลิกไม่ได้ สำหรับคนที่พัฒนา Web Application และ HTML5 Game ที่ต้องมีการคลิกปุ่มต่าง ๆ ภายในเว็บไซต์อยู่หลายจุด div หรือ html element ต่าง ๆ เต็มหน้าเว็บเพจไปหมด อาจจะเคยเจอปัญหาเรื่องของการกำหนดพื้นที่การคลิก เพราะบางทีอาจจะมี div บางตัวมาทับ div ที่เราอยากให้คลิกได้ทำให้พื้นที่การคลิกและการทำงานของโปรแกรมผิดพลาด เราสามารถใช้คำสั่ง pointer-events เพื่อ disable div ที่ไม่ต้องการให้รับ events จาก mouse ได้

อ่านเพิ่มเติม


CSS ปรับรูปแนวตั้ง แนวนอน โดยไม่ต้องเปลี่ยนรูป

CSS3-เทคนิค-เขียนเว็บ

CSS ปรับรูปแนวตั้ง แนวนอน โดยไม่ต้องเปลี่ยนรูป ในการพัฒนาเว็บไซต์และสร้างรูปแบบเว็บไซต์ให้สวยงาม โดยส่วนมากเราจะอาศัย CSS ซึ่งย่อมาจากคำว่า Cascading Style Sheets เพื่อปรับแต่ง Element ต่าง ๆ ภายในเว็บไซต์ให้สวยงาม เช่น สีตัวอักษร ขนาดของตัวอักษร รวมไปถึงการกำหนดรูปแบบการแสดงผลของรูปภาพภายในเว็บไซต์ ก็ต้องอาศัย

อ่านเพิ่มเติม