Design beautiful linear and radial gradients with real-time Canvas preview. Copy CSS code instantly.
การไล่ระดับสีคือการเปลี่ยนสีอย่างราบรื่นระหว่างสองสีขึ้นไป การไล่ระดับสีช่วยเพิ่มความลึก มิติ และความน่าสนใจทางภาพให้กับการออกแบบเว็บ องค์ประกอบ UI และภาพประกอบ
เลือกสองสี เลือกมุมไล่ระดับสี และดูผลลัพธ์บน Canvas ได้ทันที คัดลอกโค้ด CSS เพื่อใช้ในโครงการของคุณ
ความแตกต่างระหว่างการไล่ระดับสีเชิงเส้นและรัศมีคืออะไร? การไล่ระดับสีเชิงเส้นจะเปลี่ยนไปตามเส้นตรง ในขณะที่การไล่ระดับสีในแนวรัศมีจะแผ่กระจายจากจุดศูนย์กลาง
ฉันสามารถใช้การไล่ระดับสีใน CSS ได้หรือไม่ ใช่ ใช้คุณสมบัติภาพพื้นหลังกับฟังก์ชันการไล่ระดับสีเชิงเส้นหรือการไล่ระดับสีแบบรัศมี