สร้างการไล่ระดับข้อความ CSS ที่สวยงามได้อย่างง่ายดาย
สร้างเอฟเฟกต์ข้อความไล่ระดับสีที่น่าทึ่งสําหรับเว็บไซต์ของคุณ
การควบคุมการไล่ระดับสี
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
การไล่ระดับสียอดนิยม
วิธีใช้
ป้อนข้อความของคุณ
พิมพ์ข้อความที่คุณต้องการใช้การไล่ระดับสีในช่องป้อนข้อมูล "ข้อความ"
เลือกประเภทการไล่ระดับสี
เลือกระหว่างประเภทการไล่ระดับสีเชิงเส้น เรเดียล หรือทรงกรวย
ปรับทิศทางหรือมุม
สําหรับการไล่ระดับสีเชิงเส้น ให้เลือกทิศทาง สําหรับการไล่ระดับสีกรวย ให้ตั้งค่ามุม
ปรับแต่งสี
เพิ่ม ลบ หรือปรับจุดหยุดสีและตําแหน่งเพื่อสร้างการไล่ระดับสีที่คุณต้องการ
คัดลอกหรือบันทึก CSS
คัดลอกโค้ด CSS ที่สร้างขึ้นหรือบันทึกเป็นไฟล์ CSS เพื่อใช้ในโปรเจ็กต์ของคุณ
เกี่ยวกับการไล่ระดับสีข้อความ
การไล่ระดับสีข้อความ CSS ช่วยให้คุณใช้การไล่ระดับสีที่สวยงามและหลากสีกับข้อความได้โดยตรง เอฟเฟกต์นี้เคยทําได้เฉพาะกับรูปภาพเท่านั้น แต่ CSS ที่ทันสมัยทําให้ง่ายและมีประสิทธิภาพ
รองรับเบราว์เซอร์:การไล่ระดับสีข้อความได้รับการสนับสนุนในเบราว์เซอร์สมัยใหม่ทั้งหมด รวมถึง Chrome, Firefox, Safari และ Edge สําหรับเบราว์เซอร์รุ่นเก่า เช่น Internet Explorer ข้อความจะกลับไปเป็นสีทึบ
เคล็ดลับการใช้งาน:การไล่ระดับสีข้อความทํางานได้ดีที่สุดกับข้อความตัวหนาและการผสมสีที่มีความเปรียบต่างสูง ทดลองกับประเภทการไล่ระดับสีและทิศทางต่างๆ เพื่อให้ได้เอฟเฟกต์ที่ต้องการ
Related Tools
ตัวย่อขนาด CSS
บีบอัดและเพิ่มประสิทธิภาพโค้ด CSS ของคุณด้วยความแม่นยําระดับมืออาชีพ
สร้างการแปลง CSS3 ได้อย่างง่ายดาย
เครื่องมือที่ทรงพลังและใช้งานง่ายสําหรับการสร้างการแปลง CSS3 ที่ซับซ้อนโดยไม่ต้องเขียนโค้ด แสดงภาพการเปลี่ยนแปลงแบบเรียลไทม์และคัดลอก CSS ที่สร้างขึ้นเพื่อใช้ในโครงการของคุณ
ตัวสร้างการเปลี่ยน CSS3
การเปลี่ยนความทึบที่ราบรื่น
ตัวแปลงปัจจุบัน
แปลงกระแสไฟฟ้าระหว่างหน่วยต่างๆ ด้วยความแม่นยําและง่ายดาย
JavaScript Obfuscator
ปกป้องโค้ด JavaScript ของคุณจากการเข้าถึงโดยไม่ได้รับอนุญาตและวิศวกรรมย้อนกลับด้วยเครื่องมือสร้างความสับสนอันทรงพลังของเรา แปลงโค้ดของคุณให้เป็นรูปแบบที่อ่านไม่ได้ในขณะที่ยังคงฟังก์ชันการทํางานเต็มรูปแบบ
ตัวแปลงพลังงานปฏิกิริยา
แปลงพลังงานปฏิกิริยาระหว่างหน่วยต่างๆ ด้วยความแม่นยําและง่ายดาย