เครื่องกําเนิด 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 ของคุณด้วยความแม่นยําระดับมืออาชีพ
Less to CSS Converter
แปลงโค้ด Less ของคุณเป็น CSS รวดเร็ว ง่ายดาย และปลอดภัย
สร้างการแปลง CSS3 ได้อย่างง่ายดาย
เครื่องมือที่ทรงพลังและใช้งานง่ายสําหรับการสร้างการแปลง CSS3 ที่ซับซ้อนโดยไม่ต้องเขียนโค้ด แสดงภาพการเปลี่ยนแปลงแบบเรียลไทม์และคัดลอก CSS ที่สร้างขึ้นเพื่อใช้ในโครงการของคุณ
ตัวแปลงตัวเลขดิจิตอล
แปลงระหว่างระบบเลขฐานสอง ทศนิยม เลขฐานสิบหก และฐานแปดอย่างแม่นยํา
Generate dummy text for your designs
สร้างข้อความตัวยึดตําแหน่งที่สมจริงสําหรับเว็บไซต์ แอป และเอกสารของคุณด้วยตัวสร้าง Lorem Ipsum ของเรา
HSV เป็น HEX
แปลงรหัสสี HSV เป็นค่า HEX สําหรับการออกแบบเว็บ