เครื่องกําเนิด CSS เงาข้อความออนไลน์
สร้างเอฟเฟกต์ข้อความไล่ระดับสีที่น่าทึ่งสําหรับเว็บไซต์ของคุณ
Controls
เงาหลายเงา
Shadow 2
ค่าที่ตั้งไว้ล่วงหน้ายอดนิยม
Preview
เกี่ยวกับ Text Shadow Generator
ง่ายต่อการใช้
สร้างเงาข้อความที่สวยงามด้วยอินเทอร์เฟซที่ใช้งานง่ายของเรา ไม่จําเป็นต้องมีความรู้เกี่ยวกับ CSS!
ตอบสนองอย่างเต็มที่
ทํางานได้อย่างสมบูรณ์แบบบนทุกอุปกรณ์ ตั้งแต่โทรศัพท์มือถือไปจนถึงคอมพิวเตอร์เดสก์ท็อป
รับโค้ด CSS ที่สะอาดและพร้อมใช้งานจริงซึ่งคุณสามารถใช้ในโครงการของคุณได้ทันที
วิธีใช้ Text Shadow Generator
ปรับแถบเลื่อน
แก้ไขออฟเซ็ตแนวนอน ออฟเซ็ตแนวตั้ง รัศมีเบลอ และความทึบเพื่อสร้างเงาที่สมบูรณ์แบบ
เลือกสี
เลือกสีใดก็ได้สําหรับเงาข้อความของคุณโดยใช้ตัวเลือกสีหรือการป้อนรหัสฐานสิบหก
ดูตัวอย่างดีไซน์ของคุณ
ดูว่าเงาข้อความของคุณมีลักษณะอย่างไรแบบเรียลไทม์ด้วยการแสดงตัวอย่างแบบโต้ตอบของเรา
คัดลอก CSS
คลิกปุ่มคัดลอกเพื่อรับโค้ด CSS ที่สร้างขึ้นและใช้ในโปรเจ็กต์ของคุณ
ตัวอย่างเงาข้อความยอดนิยม
เอฟเฟกต์นีออนโกลว์
เอฟเฟกต์นีออนโกลว์
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #0073e6, 0 0 20px #0073e6, 0 0 25px #0073e6;
เอฟเฟกต์ข้อความ 3 มิติ
เอฟเฟกต์ข้อความ 3 มิติ
text-shadow: 1px 1px 0px #c4c4c4, 2px 2px 0px #c4c4c4, 3px 3px 0px #c4c4c4, 4px 4px 0px #c4c4c4;
เงาที่ละเอียดอ่อน
เงาที่ละเอียดอ่อน
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
เงาภายใน
เงาภายใน
text-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5);
Related Tools
ตัวย่อขนาด CSS
บีบอัดและเพิ่มประสิทธิภาพโค้ด CSS ของคุณด้วยความแม่นยําระดับมืออาชีพ
สร้างการแปลง CSS3 ได้อย่างง่ายดาย
เครื่องมือที่ทรงพลังและใช้งานง่ายสําหรับการสร้างการแปลง CSS3 ที่ซับซ้อนโดยไม่ต้องเขียนโค้ด แสดงภาพการเปลี่ยนแปลงแบบเรียลไทม์และคัดลอก CSS ที่สร้างขึ้นเพื่อใช้ในโครงการของคุณ
Less to CSS Converter
แปลงโค้ด Less ของคุณเป็น CSS รวดเร็ว ง่ายดาย และปลอดภัย
CMYK เป็น HSV
แปลงค่าสี CMYK เป็นแบบจําลองสี HSV สําหรับการใช้งานดิจิทัล
สร้างการไล่ระดับสี CSS ที่สวยงามได้อย่างง่ายดาย
สร้างการไล่ระดับสีเชิงเส้น รัศมี และทรงกรวยที่น่าทึ่งด้วยอินเทอร์เฟซที่ใช้งานง่ายของเรา คัดลอกโค้ด CSS และใช้ในโครงการของคุณทันที
ตัวสร้างริบบิ้น CSS
ออกแบบริบบิ้นที่สะดุดตาสําหรับเว็บไซต์ของคุณ