สร้างรูปทรงต่างๆ ด้วย css3 ง่ายนิดเดียว

ด้วยความที่อยากทดลองสร้างรูปทรงอื่นๆ ที่ไม่ใช่ สี่เหลี่ยม โดยใช้แค่ html และ css เลยลองหาข้อมูลจากเว็บต่างๆ จนในที่สุดก็ได้ค้นพบวิธีสร้างรูปทรงสวยงามต่างๆมาแบ่งปันค่ะ ^_^

การสร้างรูปทรงต่างๆ นอกเหนือจากสี่เหลี่ยมโดยใช้ css นั้น ต้องบอกว่า css2 ไม่สามารถทำได้ค่ะ แต่ด้วยคำสั่งใหม่ที่เพิ่มเข้ามาใน css3 นี้ ทำให้เราสามารถเอามาดัดแปลงและประยุกต์ใช้ได้อย่างมากมายค่ะ ถ้าหากเพื่อนๆ สนใจเรื่องนี้อยู่แล้วและยังไม่ได้ลอง เรามีตัวอย่างง่ายๆ ให้ดูค่ะ

โค้ด HTML

โค้ด CSS

สำหรับวันนี้ขอจบไว้แต่เพียงเท่านี้ค่ะ คราวหน้ามาพบกับเรื่อง css สนุกๆ แบบนี้ได้ใหม่นะคะ ^ ^

(Visited 1,574 times, 3 visits today)

Leave a Reply