a11y.skipToMainContent
1

ตัวสร้างแว่น CSS

สร้างภาพจากกระจกสีน้ําค้างแข็ง - ภาพประกอบ - เสียงเบลอ, ความโปร่งใส, ความอิ่มสี, ชายแดนและเงา.

tool.glassmorphism.presets

tool.glassmorphism.backdrop
px
%
%
%
px
%

tool.glassmorphism.preview

tool.glassmorphism.glass

tool.glassmorphism.css

Was this tool helpful?
Send output to:
Advertisement

How to use Glassmorphism Generator

  1. เลือกฉากหลังที่สว่างหรือดํา แล้วตั้งค่าความเบลอและความอิ่มสี.
  2. เลือกสีเติมแล้วปรับความทึบของมัน เพื่อให้แสดงพื้นหลังออกมา.
  3. ลดความทึบของกรอบ, รัศมีมุม และเลือกวางเงาจนกว่าบัตรจะมองขวา.
  4. คลิกสําเนา CSS เพื่อคัดลอกกฏเกณฑ์เต็มรูปแบบ รวมถึงการกลับ -webkit-back-filter crack.

อะไรคือ?

glasmorfism is the frozed-grange UI ผลกระทบที่สร้างขึ้นบน CSS backpack-filter: luffy () [ BAR ] ทําความเบลอ สิ่งที่อยู่ภายในองค์ประกอบและ เพิ่มสีสําหรับความเรืองแสงของแก้ว เครื่องกําเนิดพลังงานนี้แสดงตัวอย่างบัตรกระจกมากกว่าเกรเดียนต์สีสัน ดังนั้นเบลอจริง ๆ จะมองเห็นได้ และผลลัพธ์ของกฏเกณฑ์ที่สมบูรณ์รวมทั้งทั้ง backpack-filter [Code] และ

Advertisement

FAQ

ทําไมผลกระจกฉันดูเหมือนสีแบน?
ด้านหลังของแผ่นกรองเท่านั้นเบลอ เนื้อหาที่อยู่เบื้องหลังองค์ประกอบ ถ้า ไม่ มี อะไร ที่ มี สี สัน หรือ ยุ่ง อยู่ ข้าง หลัง บัตร ของ คุณ ความ เบลอ ก็ ไม่ มี อะไร ต้อง ทํา. วางไพ่แก้วทับภาพ หรือเกรเดียนเพื่อดูผล.
ฉันจําเป็นต้องใช้สาย-Webkit-back-back-filter?
ใช่ สําหรับซาฟารี เบราว์เซอร์บนเว็บกีต โดยเฉพาะอย่างยิ่งบน ICOS ยังต้องการคํานําหน้าแบบ Rap-filter - webkit-back เครื่องกําเนิดไฟฟ้านี้รวมมันโดยอัตโนมัติ ตามแนวคุณสมบัติมาตรฐาน.
ด้านหลังถูกรองรับอย่างกว้างขวางไหม?
มันใช้ได้ในเวอร์ชันปัจจุบันทั้งหมดของโครเมี่ยม, เอดจ์, Firefox และ Saveri สําหรับเว็บเบราว์เซอร์ที่เก่ามาก องค์ประกอบเพียงแค่แสดงพื้นหลังกึ่งเผด็จการ โดยไม่ต้องเบลอซึ่งทําให้เสื่อมเกียรติ.

Related tools

Author

MW
Marcus Webb"The DevTool Craftsman"

Full-Stack Developer & Tools Architect

Marcus has been writing code since the dial-up era. He has contributed to open-source developer tools, built CI/CD pipelines for startups, and debugged production incidents at 3 AM more times than he would like to admit. His philosophy is that the best developer tool is the one that gets out of your way, and he writes about practical tooling that helps teams ship faster with fewer headaches.

Last updated:

Advertisement