ตัวสร้าง CSS Gradient
색상 정지점
0%
100%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); อัปเดตล่าสุด: 2026 · เครื่องมือออนไลน์ฟรี
ตัวสร้าง CSS Gradient คืออะไร?
ตัวแก้ไขภาพออนไลน์ฟรีสำหรับสร้าง CSS gradient และคัดลอกโค้ด
วิธีใช้งาน
- 1 เลือกประเภท — เลือกประเภท gradient (เชิงเส้น, แนวรัศมี, รูปกรวย)
- 2 ปรับจุดหยุดสี — ปรับสีและตำแหน่งของจุดหยุดสีแต่ละจุด
- 3 ดูตัวอย่าง — ตรวจสอบผลลัพธ์แบบเรียลไทม์ในตัวอย่าง
- 4 คัดลอกโค้ด CSS — คัดลอกโค้ด CSS ไปยังคลิปบอร์ดด้วยปุ่ม 'คัดลอก'
เครื่องมือที่เกี่ยวข้อง
คำถามที่พบบ่อย
ไม่มีขีดจำกัด แต่โดยทั่วไป 2-6 จุด มากเกินไปอาจส่งผลต่อประสิทธิภาพ
รองรับ เปิดใช้งานกล่องกาเครื่องหมาย 'ทำซ้ำ' เพื่อเพิ่มคำนำหน้า repeating
มี 5 พรีเซ็ต: Sunset, Ocean, Forest, Midnight และ Rainbow
ปัจจุบันรองรับเฉพาะ CSS บริสุทธิ์ การแปลง Tailwind มีแผนจะเพิ่มในการอัปเดตในอนาคต
ไม่ การประมวลผลทั้งหมดทำในเบราว์เซอร์