เครื่องมือสร้างพื้นหลังไล่ระดับสีแบบเคลื่อนไหวด้วย CSS

คำแนะนำการใช้งานซอฟต์แวร์

1. เลือกชุดสี:คลิกชุดตัวอย่างใน “การตั้งค่าสี” หรือเพิ่ม ลบ ปรับสีและจุดหยุดสีด้วยตนเอง
2. ตั้งค่าประเภทเกรเดียนต์:เลือกเกรเดียนต์แบบเชิงเส้น แบบรัศมี หรือแบบกรวย และปรับมุมกับตำแหน่งกึ่งกลางตามต้องการ
3. กำหนดค่าพารามิเตอร์แอนิเมชัน:ตั้งค่าวิธีการไหล ทิศทางการเคลื่อนไหว ระยะเวลา ขนาดพื้นหลัง เส้นโค้งแอนิเมชัน และรูปแบบการวนซ้ำใน “พารามิเตอร์แอนิเมชัน”
4. เลือกวัตถุประสงค์การส่งออก:เลือกคอนเทนเนอร์พื้นหลัง ข้อความเกรเดียนต์ หรือเส้นขอบเกรเดียนต์ใน “สร้างและส่งออก” แล้วตั้งค่าพารามิเตอร์ เช่น ชื่อคลาส CSS มุมโค้ง เส้นขอบ
5. ดูตัวอย่างเอฟเฟกต์:ด้านขวาสามารถสลับโหมดดูตัวอย่างพื้นหลัง การ์ด ข้อความ และเส้นขอบได้ ให้ตรวจสอบเอฟเฟกต์ก่อนสร้างโค้ด
6. คัดลอกหรือดาวน์โหลดโค้ด:คลิก “คัดลอก CSS” “คัดลอก HTML” หรือ “ดาวน์โหลด CSS” เพื่อนำโค้ดไปใช้กับองค์ประกอบในหน้าเว็บ
7. บันทึกการตั้งค่า:คลิก “บันทึกการตั้งค่า” เพื่อเก็บพารามิเตอร์ปัจจุบันไว้สำหรับแก้ไขต่อในครั้งถัดไป

คำถามที่พบบ่อย