Sunset CSS Gradient — โค้ดสำเร็จรูป
สร้างการไล่ระดับสี CSS แบบมองเห็นได้: แบบเชิงเส้น แนวรัศมี หรือทรงกรวย แถบเลื่อนมุม และการหยุดสีสูงสุด 6 สีพร้อมการแสดงตัวอย่างแบบเต็มความกว้างแบบสดและโค้ดที่คัดลอกได้
ผลลัพธ์
หน้านี้จะเปิดเครื่องกำเนิดการไล่ระดับสีพร้อมโหลดการเฟดพระอาทิตย์ตกสำเร็จรูป: ปะการังอุ่น #ff7e5f ไหลลงสู่ลูกพีชอ่อน #feb47b จากซ้ายไปขวา ภาพตัวอย่างจะแสดงแบบเต็มความกว้างทันที และบรรทัด CSS ด้านล่างก็พร้อมที่จะคัดลอกตามที่เป็นอยู่
สีจางจากสีปะการังไปจนถึงสีพีชที่ดูอบอุ่นเป็นเนื้อหาหลักในหมวดฮีโร่ เนื่องจากอ่านว่าเป็นมิตรและมีพลังโดยไม่บดบังข้อความสีขาว คู่นี้ตั้งอยู่ใกล้ในเฉดสีมากพอที่จุดกึ่งกลางจะสะอาด ไม่มีแถบสีเทาขุ่นอยู่ตรงกลาง ซึ่งเป็นโหมดการไล่ระดับสีตามปกติระหว่างสีที่อยู่ห่างไกล
ใช้โดยไม่มีการเปลี่ยนแปลงหรือทำให้เป็นของคุณ: หมุนมุมสำหรับพระอาทิตย์ตกในแนวทแยง ดึงจุดแรกเข้าด้านในเพื่อให้มีปะการังที่เข้มขึ้น หรือเพิ่มจุดที่สามโดยให้มีสีพลัมลึกเกือบ 100% เพื่อให้รู้สึกถึงยามพลบค่ำ ทุกการเปลี่ยนแปลงจะอัปเดต CSS ที่สามารถคัดลอกได้ทันที