เครื่องมือสร้าง CSS Text Shadow สำหรับคนขี้เกียจ
เลือกสไตล์ที่กำหนดไว้ล่วงหน้าจากแกลเลอรีหรือสร้างเงาข้อความตามที่คุณต้องการ ตั้งค่าแอตทริบิวต์ที่ต้องการเพื่อรับโค้ด CSS
เลื่อนเงาไปทางขวา/ลง ตั้งค่าความเบลอและความทึบ แล้วเลือกสีจากจานสีเพื่อรับ CSS ของคุณ ใช้ตัวแก้ไขออนไลน์เพื่อปรับสไตล์ของคุณด้วยตนเอง ติดตามวิวัฒนาการของเงาของคุณในการแสดงตัวอย่างแบบสดซึ่งคุณสามารถตั้งค่าข้อความและสีพื้นหลังที่กำหนดเองได้
CSS3 Text Shadow อธิบาย
คุณสมบัติ text-shadow ของ CSS3 เป็นหนึ่งในเทคนิคที่ได้รับความนิยมมากที่สุดในการปรับปรุงการออกแบบเว็บไซต์อย่างค่อยเป็นค่อยไป แม้ว่าเดิมจะอยู่ในข้อกำหนด CSS 2.1 แต่ถูกถอนออกเนื่องจากขาดการสนับสนุน อย่างไรก็ตาม ตอนนี้มันกลับมาใน CSS 3 และได้รับการสนับสนุนอย่างกว้างขวางในเบราว์เซอร์สมัยใหม่
ใช้ค่าสี่ค่า: ค่าแรกกำหนดระยะห่างของเงาในทิศทาง x (แนวนอน) ค่าที่สองกำหนดระยะทางในทิศทาง y (แนวตั้ง) ค่าที่สามกำหนดความเบลอของเงาและชุดค่าสุดท้าย สี.
แม้ว่าสิ่งนี้จะจำได้ง่ายเมื่อเทียบกับกฎ CSS3 อื่นๆ เช่น border-radius แต่การมีตัวสร้างเช่นนี้จะช่วยให้คุณสร้างเงาข้อความแบบเรียลไทม์และปรับแต่งด้วยการควบคุมแบบ Photoshop ได้
