WebGradients - ห้องสมุดออนไลน์ที่มีการไล่ระดับสีเชิงเส้นมากกว่า 180+ ใน CSS

ด้วยเครื่องมือสร้างโค้ดฟรีมากมายบนเว็บคุณสามารถสร้างการไล่ระดับสีของคุณเองได้อย่างง่ายดาย แต่ปัญหาคือการหาสีที่เหมาะกับเว็บไซต์ของคุณปุ่ม Click-to-Action หรืออะไรก็ตามที่คุณกำลังออกแบบ.

WebGradients เสนอ ไลบรารีการไล่ระดับสีฟรีที่คุณสามารถเรียกดูได้ และขุดไอเดียดีๆ สิ่งเหล่านี้ฟรีทั้งหมดและพวกเขาทั้งหมดรวมซอร์สโค้ด CSS3 พร้อมด้วย PNG.

อันที่จริงแล้วแอปพลิเคชั่นทั้งหมดมีให้บริการบน GitHub ซึ่งมีทุกอย่างที่สวยเพียงแค่คลิกปุ่ม.

คุณสามารถดาวน์โหลดชุดการไล่ระดับสีเต็มรูปแบบได้โดยตรงจาก GitHub เป็นรหัส CSS ดิบภายในไฟล์สไตล์ชีต หรือคุณสามารถดาวน์โหลด gradients เป็นไฟล์ PNG แบบดิบ, ไฟล์ Sketch หรือไฟล์ PSD สำหรับ Photoshop.

นี่คือคอลเลกชันขนาดใหญ่ของการไล่ระดับสีฟรีที่ควรช่วยนักออกแบบเว็บไซต์ใด ๆ คุณสามารถ ใช้สิ่งนี้สำหรับทุกขั้นตอนของกระบวนการออกแบบ จากการออกแบบ mockup เว็บจนถึงการเข้ารหัสส่วนหน้า.

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

รวมทั้งคุณจะพบปุ่มดาวน์โหลดที่มุมขวาบนพร้อมลิงค์เพื่อคัดลอก CSS ไปยังคลิปบอร์ดของคุณ.

ไฟล์ PSD และ Sketch ทั้งคู่เชื่อมโยงกันในแถบนำทางที่ใช้โฮสต์บน Gumroad.

โดยทั่วไปแล้วคนใช้ Gumroad เป็นผู้ค้าออนไลน์ แต่นักออกแบบหลายคนปล่อยของพวกเขาสำหรับ ฟรีพร้อมบำเหน็จเสริม. เมื่อดาวน์โหลดไฟล์คุณสามารถเพิ่มทิปได้หากต้องการ แต่ไม่ว่าจะปล่อยไฟล์ Sketch หรือ PSD ฟรี.

การไล่ระดับสีบางรายการในรายการนี้จะใช้ได้กับเว็บไซต์ของคุณ แต่มันเป็นแกลเลอรีที่ค่อนข้างครอบคลุมด้วย 180 การไล่ระดับสี ดังนั้นมีบางสิ่งบางอย่างที่นี่ที่คุณอาจชอบ.