เครื่องกําเนิด 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 รวดเร็ว ง่ายดาย และปลอดภัย
ตัวแก้ไข JSON
แก้ไข Big JSON อย่างง่ายดาย - รวดเร็วและราบรื่น
เครื่องกําเนิดไฟฟ้า HMAC
สร้างการย่อย HMAC ได้อย่างง่ายดาย
Convert JSON to Text Effortlessly
แปลงข้อมูล JSON ของคุณเป็นข้อความธรรมดาที่จัดรูปแบบได้ด้วยคลิกเดียว รวดเร็ว ปลอดภัย และใช้เบราว์เซอร์อย่างสมบูรณ์