สร้างถ้วยกาแฟด้วย CSS3
วันนี้ผมมี Code การสร้างถ้วยกาแฟง่ายๆ ด้วย CSS3 มาฝากครับ ใครจะรู้ว่าจากภาพในหน้าออกแบบด้วย HTML ในภาพด้านบน ที่มีรูปร่างหน้าตา ดูๆ ไปก็มองไม่ออกเลยว่ามันคือรูปอะไร แต่เมื่อนำเอา css3 มาควบคุมแล้วจะกลายเป็นรูปถ้วยกาแฟที่แสนสวยงามได้อย่างไม่น่าเชื่อ เราลองดาวน์โหลดโค๊ดไปแล้วนำไปประยกต์ ทำอย่างอื่นดูครับ เพื่อจะเป็นประโชยน์ต่อหลายๆ คน
หลังจากที่แจก CSS3 Code ในแบบ Pure CSS3 Horizontal Accordion ไปแล้วในบทความก่อนหน้านี้ คราวนี้ก็มาแจกโค๊ด Accordion ในแบบแนวนอนบ้างหรือ Pure CSS3 Vertical Accordion ซึ่งก็มีลักษณะค้ลายๆ กันแต่ Horizontal Accordion นั้นจะเลื่อนแท็บไปด้านข้าง แต่ Vertical Accordion นัั้นจะเลื่อนแท็บลงด้านล้างนั้นเอง และก็เหมือนเดิมครับ เราสามารถนำโค๊ดนี้ไปใช้งานได้เลย โดยไม่ต้องเสียเวลามานั่งเขียน CSS3 เอง
Pure CSS3 Vertical Accordion
วันนี้ผมมี CSS3 Code มาแจกซึ่งเป็นการสร้าง Pure CSS Horizontal Accordion หรือการสร้างแท็บแนวตั้งด้วย CSS3 ลักษณะแท็บจะเป็นเหมือนสันของหนีงสือที่่วางเรียงกัน ไว้หลายๆ เล่ม เราสามารถนำโค๊ดนี้ไปใช้งานได้เลย โดยไม่ต้องเสียเวลามานั่งเขียน CSS3 เอง
หากคุณทำงานทำ เป็นนักพัฒนาเว็บไซต์ หรือนักออกแบบเว็บไซต์ รับรองว่าคุณต้องรู้จัก CSS แน่นอน และวันนี้การเขียน CSS จะเป็นเรื่องง่ายสำหรับคุณแล้ว ยิ่งการเขียน CSS3 นั้น เพราะวันนี้ผมมีเครื่องมือที่ชื่อว่า CSS3 Generator ซึ่งเป็นเครื่องมือช่วยให้คุณเขียนสามารถเขียน CSS3 ได้เร็วขึ้นกว่าเดิม และยังสามารถดูภาพพรีวิวได้ด้วย ที่ดีกว่านั้นคือ ระบบยังบอกด้วยว่า CSS3 ตัวไหน รองรับการทำงานกับเบราเซอร์ไหนบ้าง CSS3 Generator นั้นความสามารถอาจจะไม่มากเท่าไหร่นัก แต่ผมว่าก็ช่วยผ่อนแรงของการเขียนเว็บไซต์ หรือการออกแบบ รวมไปถึงการพัฒนาเว็บไซต์ได้ไม่มากก็น้อย
CSS3 Generator
