ในสมัยยุคแรกของคนทำเว็บการปรับแต่งภาพเป็นเรื่องที่ยากลำบากมาก เพราะในการปรับแต่ละครั้งก็ต้องเข้าไปที่ Photoshop เพื่อแต่งภาพแล้วมาอัพโหลดทับเข้าไปอีก กว่าจะเปิดโปรแกรมแต่ละตัว กว่าจะ Login FTP เข้าไป Upload file เรียกได้ว่าเหนื่อย

ในบทความนี้เป็นเรื่องของการ Filters ภาพเรียกได้ว่า Photoshop ทำอะไร CSS ก็ทำได้เช่นกัน ผมหวังว่าบทความนี้จะเอาไปใช้ประโยชน์กันได้นะครับ

เริ่มการใช้งาน

Property ของ CSS จะใช้คำสั่ง

filter: function(value);

และก็ใส่ Prefix สำหรับ Browser แต่ละตัวกันด้วยก็จะได้แบบนี้ครับ

filter: function(value);
-webkit-filter: function(value);
-moz-filter: function(value);
-o-filter: function(value);
-ms-filter: function(value);

Continue reading