Categories
HTML & CSS Web Development

ทำให้ Link Hover ดูดีขึ้นมาอีกนิดด้วย CSS Transition

เพื่อนๆ หลายๆคน น่าจะเห็นว่า การทำ Link Hover ให้ค่อยๆเปลี่ยนสี เว็บจะดูดีขึ้นมา(อีกนิด..ก็ยังดี) วันนี้ก็จะมาขอแชร์การใช้งาน CSS Transition โดยทำการค่อยๆเปลี่ยนสี background ของ link 

Categories
HTML & CSS Web Development

ฟรุ๊ง…ฟริ๊ง…กับ CSS Animate


Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

ในความสามารถของ CSS3 นั้น ได้มีการเพิ่มฟังก์ชั่นการทำงาน ของ Animation เข้ามาด้วย แต่โค้ดที่ต้องเขียนก็ยาวซะเหลือเกิน ก็เลยมีคนนำฟังก์ชั่นการเคลื่อนไว้พื้นฐานมารวมไว้เป็นไฟล์ css ที่สามารถนำไปใช้งานได้ง่ายดาย ง่ายยังไงมาชมกัน

Categories
HTML & CSS Web Development

CSS Gradient Tools

การทำ Gradient ก็คือการไล่โทนสี ซึ่งการทำไล่โทนสีนั้น Web Browser บางตัวก็ไม่รองรับ ทำให้ต้องเขียน CSS ในรูปแบบที่แตกต่างกัน วันนี้ไปเจอ CSS Gradient generator ก็เลยเอามาแนะนำกันครับ