เครื่องกําเนิด 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
การเปลี่ยนความทึบที่ราบรื่น
เครื่องคํานวณความน่าจะเป็น
คํานวณความน่าจะเป็นสําหรับสถานการณ์ต่างๆ ด้วยเครื่องคํานวณความน่าจะเป็นที่ครอบคลุมของเรา
ตัวแปลง CSS เป็น LESS
แปลงโค้ด CSS ของคุณให้เป็น LESS ด้วยตัวแปร การซ้อน และอื่นๆ รวดเร็ว ง่ายดาย และปลอดภัย
SHA-512/224 เครื่องคํานวณแฮช
สร้างแฮช SHA-512/224 อย่างรวดเร็วและง่ายดาย