การทำปุ่ม CSS ที่มีการตอบสนองกับผู้ใช้

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

สวยงามโดยที่เราจะใช้รูปภาพหรือปุ่มที่มีมิติในรูปแบบเว็บไซต์ 2.0 จากปุ่มดาวน์โหลด หรือปุ่มอื่นๆของ

คุณโดยเราอาจจะใช้ jQuery หรือ CSS ในการสร้างปุ่มที่มีมิติสวยงามนี้?โดยวันนี้จะเลือกใช้ตัวที่น่าสนใจ

และใช้กันทั่วๆไปนะครับ?คุณสามารถดูตัวอย่างได้ที่นี่

เรามาดูตัวอย่างโค้ดกันดีกว่าครับ

??

อักษร, ปุ่มจะขยายตัว (ไม่เกิน 200px)
ผมยังเพิ่มเงาข้อความบางอย่างที่ไม่ทำงานใน IE ว่า
โค้ตพิเศษที่ผมได้เพิ่มเพื่อความสนุกสนาน

1 <a?class=”jbutton”><span> &#157; Ask a question</span></a>

โค้ตพิเศษที่ผมได้เพิ่มเพื่อความสนุกสนาน

Demo

ดาวน์โหลด Mirror 1

ที่มา tympanus.net

Comments

comments

Powered by Facebook Comments