ปุ่ม 3D บนเว็บไซต์ !

[ย้ายบทความจาก Gushared.com]
    ถ้าพูดถึงความประทับใจในการเข้าเว็บไซต์ เว็บไซต์แบบไหนล่ะที่คุณเข้าแล้วคุณรู้สึกว่า เห้ย ! แมร่งเจ๋งหว่ะ ถ้าสำหรับผมแล้วเว็บไซต์ที่จะทำให้ผมประทับใจได้จะต้อง ดูสะอาดตา ใช้งานง่ายแบบว่าใครเข้ามาก็ใช้งานเป็นเลย มีความแปลกประหลาดแหวกแนวไปจากเว็บไซต์เดิมๆที่เคยใช้
    ผมได้ลองเข้าไปเว็บไซต์ cssdeck.com ไปเจอตัวอย่างการทำปุ่มแบบ 3D ของคุณ simonpicos เห้ย! แมร่งแนวว่ะ ก็เลยเอามาลองทำดูบ้าง ตามด้านล่างนี้เลยครับ (ลองคลิกปุ่มดูนะครับ >.<)

Support : Chrome, Safari, Firefox และ Opera

Gunghun

สร้างเงาให้ตัวอักษรง่ายๆ ด้วย text-shadow

[ย้ายบทความจาก Gushared.com]
    หลายๆท่าน อาจจะคุ้นเคยกับ CSS ซึ่งมีส่วนสำคัญมากที่จะช่วยให้เว็บไซต์เราดูดีได้ การใส่เงาก็เป็นอีกเทคนิคหนึ่งที่จะช่วยให้ตัวอักษรนั้นดูเด่นขึ้นมาได้ดีเลยทีเดียว และการทำให้ตัวอักษรมีเงานนั้น ก็ไม่ใช่เรื่องยากอะไร การกำหนดเงาให้กับข้อความทำได้โดยการกำหนดค่า 4 ส่วนด้วยกัน ได้แก่ กำหนดระยะห่างของเงาในแนวนอน (Horizontal offset), ระยะห่างของเงาในแนวตั้ง(Vertical offset), ค่าความเบลอของเงา(Blur), สีของเงาตามลำดับ(Color)

 text-shadow:HorizontalOffset VerticalOffset Blur Color; 

ตัวอย่าง

Gunghun.com

Gunghun.com

Gunghun.com

Gunghun.com