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

Published on: Feb 01 2013 by soraya
ExpandingOverlayEffect


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


เราสามารถนำไปใช้งานและประยุคใช้งานได้อย่างเช่นการเราไปใช้สำหรับทำหน้าเว็บไซต์ในมือถือให้ดูแต่งต่างและน่าสนใจก็ถือว่าน่าสนเลยที่เดียว

ขอบคุณข้อมูลจาก tympanus

ดาวน์โหลดโค้ด…..!!!



Comments

comments

Powered by Facebook Comments

Filed under: CSS
Tags: ,