หน้าแรก
ย้อนกลับไปหน้าบทความ

วิธีใช้ ตัวสร้างเงาสวยงามและกล่องแก้ว

ออกแบบเงาสมจริง (Box Shadow) และเอฟเฟกต์กระจก (Glassmorphism Backdrop Blur) ปรับความเบลอ ความฟุ้ง พร้อมโค้ด CSS สำเร็จรูป

ขั้นตอนการใช้งาน

1
เลือกโหมดเอฟเฟกต์ระหว่าง 'เงาสมจริง (Box Shadow)' หรือ 'กล่องแก้ว (Glassmorphism)'
2
ปรับแถบเลื่อนแกน X, Y, ความเบลอ, การกระจายตัว และความโปร่งแสงตามต้องการ
3
กล่องพรีวิวตรงกลางจะแสดงผลลัพธ์เอฟเฟกต์ให้เห็นแบบเรียลไทม์
4
กดปุ่ม 'คัดลอกโค้ด' ด้านล่างเพื่อนำโค้ด CSS ไปวางในโปรเจกต์ของคุณได้ทันที

AI ผู้ช่วยค้นหาเครื่องมือ

Powered by Hybrid AI