สร้าง Gradient

สร้าง CSS Gradient สวยงามพร้อม Code ที่ใช้งานได้ทันที

ตั้งค่า Gradient

ปรับแต่งสีและทิศทางของ gradient

ทิศทาง

จุดสี

ตำแหน่ง0%

ตำแหน่ง100%

Gradient สำเร็จรูป

ตัวอย่าง

CSS Code

background: linear-gradient(to right, #3b82f6 0%, #8b5cf6 100%);

1. ปรับแต่ง gradient ตามต้องการ

2. คัดลอก CSS code

3. วางใน stylesheet ของคุณ

ตัวอย่างการใช้งาน

Button