สร้าง CSS Glassmorphism
ปรับความเบลอพื้นหลัง (backdrop blur) สีและความโปร่งใสของกระจก ความโปร่งใสของขอบ และมุมโค้งมนด้วยแถบเลื่อนแบบเห็นผลทันทีบนพื้นหลังสีสันสดใส จากนั้นคัดลอกโค้ด CSS ที่ถูกต้อง (รวมพรีฟิกซ์ WebKit สำหรับ Safari ด้วย)
เครื่องมือออกแบบและ CSS ทำงานในเบราว์เซอร์ของคุณทั้งหมด
การประมวลผลทั้งหมดเกิดขึ้นบนอุปกรณ์ของคุณ — ไม่มีการส่งข้อมูลใดๆ ไปยังเซิร์ฟเวอร์
โค้ด CSS
background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.30); border-radius: 20px;
ดำเนินการต่อด้วย
เครื่องมือที่เกี่ยวข้อง
อยากลองใช้ Uddatak ไหม?
เรียกดูคลังเครื่องมือทั้งหมดและเริ่มใช้งานสิ่งที่คุณต้องการได้ทันที — ฟรีและไม่ต้องสมัครสมาชิก
ดูเครื่องมือทั้งหมด