เครื่องมือสร้าง CSS Gradient
สร้าง CSS gradient แบบเชิงเส้นและแบบรัศมีด้วยตัวแก้ไขแบบภาพ เพิ่มจุดสีหลายจุดและปรับแต่งมุม เครื่องมือสร้าง gradient ฟรี
Loading tool...
เครื่องมือสร้าง CSS Gradient คืออะไร?
CSS gradient generator สร้าง linear, radial และ conic gradients ผ่านอินเทอร์เฟซแบบภาพที่ใช้งานง่าย ตั้ง color stops, มุม และตำแหน่งเพื่อสร้าง CSS code สำหรับการเปลี่ยนสีที่ราบรื่นใน backgrounds และ overlays
ประโยชน์หลัก
- หลายประเภท gradient
- ควบคุม color stops
- ปรับมุม
- คัดลอก CSS ทันที
กรณีการใช้งาน
- •ออกแบบ background
- •สไตล์ปุ่ม
- •hero sections
- •เอฟเฟกต์ overlay
วิธีสร้าง CSS Gradients
- เลือกประเภท gradient: เลือกสไตล์ linear, radial หรือ conic gradient
- เพิ่ม color stops: คลิกเพื่อเพิ่มสีและปรับตำแหน่ง
- ตั้งทิศทาง: สำหรับ linear gradients ตั้งมุมหรือทิศทาง
- คัดลอก CSS code: คัดลอก CSS gradient property ที่สร้างขึ้นสำหรับ styles ของคุณ
คุณสมบัติหลัก
- สร้าง linear และ radial gradients
- หลาย color stops
- ควบคุมมุมและตำแหน่ง
- คลัง gradient presets
- ดูตัวอย่างสด
- คัดลอก CSS gradient