สร้างเว็บไซต์แสดงผลแบบ OVERLAY ด้วย CSS

ExpandingOverlayEffect


วันนี้มาดูเทคนิคการใช้งานของ css แบบเจ๋งอีกแบบครับบทความนี้ผมว่าจะเอามาแนะนำนานแล้วแต่ไม่ค่อยมีเวลาวันนี้สมใจซักที่เป้นการออกแบบจะเรียกว่าแบบ metro ก็น่าจะได้นะเพราะจะเป็นการใช้เทคนิคของภาพสี่เหลี่ยมมาใช้งานแต่ว่าสิ่งที่น่าสนใจอาจจะไม่อยู่ตรงนั้นเพราะสิ่่งที่เราสนใจคงต้องเป็นส่วนที่ใช้ในการแสดงผลของหน้าเมื่อถ้าจากตัวอย่างถ้าเราทำสอบโดยการคลิกจะมีการแสดงผลเป็นหน้าแบบเต็มจอ หรือที่เรียกว่าเทคนิค Overlay สามารถแสดงภาพขึ้นมาพร้อมๆ กันในหน้าจอแสดงผลเดียวกัน หรือเรียกว่า Tuner ในระบบโทรทัศน์ จากตัวอย่างที่ใช้การแสดงผลของสภาพอากาศ

Continue reading สร้างเว็บไซต์แสดงผลแบบ OVERLAY ด้วย CSS