เครื่องกําเนิด 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 ของคุณด้วยความแม่นยําระดับมืออาชีพ
ตัวแปลงสไตลัสเป็น CSS
แปลงโค้ด SCSS ของคุณเป็น CSS รวดเร็ว ง่ายดาย และปลอดภัย
Less to CSS Converter
แปลงโค้ด Less ของคุณเป็น CSS รวดเร็ว ง่ายดาย และปลอดภัย
เครื่องคํานวณ SHA-1 Hash
สร้างแฮช SHA-1 อย่างรวดเร็วและง่ายดาย
ตัวแปลงหน่วยความถี่
แปลงระหว่างหน่วยความถี่ต่างๆ ด้วยความแม่นยําสําหรับการคํานวณทางวิศวกรรมและวิทยาศาสตร์ของคุณ
ตัวแปลง CSS เป็น LESS
แปลงโค้ด CSS ของคุณให้เป็น LESS ด้วยตัวแปร การซ้อน และอื่นๆ รวดเร็ว ง่ายดาย และปลอดภัย