CSS3

Speech

ตัวเล็กน่ารัก


สวัสดีครับ.. วันนี้มี idea เขียนภาพแบบ 8bit จาก fiddle ของเจ้าหมอนี่ jsFiddle โดยใช้ box-shadow ที่สำคัญ Single element เจ๋งมากเลยเลยลองทำดูครับ แบบด้านบนที่เห็น แต่ถ้ามานั่งเล็งมานั่งปรับสี ก็คงทรมาณลูกตาน่าดูเลยใช้ scss กำหนดในการเขียนและเนียนกว่าง่ายกว่า หลักการของ box-shadow เท่าที่ลองทำดูนั้นไม่ยากดพียงแต่ไหลไปตามบรรทัดโดยกำหนดรูปขึ้นมาดังภาพ


ดูจากภาพที่ผมกำหนดแล้วก็รู้เลยว่ายิ่งใหญ่เท่าไหร่้เม็ด pixel ยิ่งมาก โดยตัวเริ่มแรกของผมนั้นทำไว้ที่ 10 px.ครับ

ลองไปทำเล่นกันดูนะครับสนุกดี แต่ตาลาย อิอิ ตามไปดู css แบบ จิ๋ว และแบบ เบิ่ม ได้ตามลิงค์เลยนะครับ

ท้ายนี้ : ขอขอบคุณภาพ megaman จาก magaman20