De ce este util acest instrument
Reglați un panou de navigare sau o suprapunere mată, păstrând în același timp o rezervă explicită și revizuind efectul înainte de a intra într-un sistem de proiectare de producție.
Design & CSS · rulează local
Generator accesibil de glassmorphism CSS
Compuneți un panou translucid cu culori de rezervă, estompare a fundalului, borduri, raze și valori ale umbrelor, previzualizând în același timp contrastul pe un fundal local controlat.
Gata. Datele tale de lucru rămân în acest browser.
Cum funcționează
Browserul convertește o culoare hex validată în canale alfa limitate, generează declarații de estompare prefixate și standard și nu trimite niciodată alegeri de palete.
Exemplu practic
Previzualizați un panou bleumarin închis la o opacitate de 24 de procente, cu 18 pixeli de neclaritate și o bordură albă subtilă pentru o bară de instrumente flotantă ușor de citit.
Validarea
Calculul este determinist și explică erorile de validare în loc să modifice în tăcere intrarea nevalidă.
Limita de confidențialitate
Intrarea și ieșirea rămân în această filă. Copierea și descărcarea au loc prin API-urile browserului, fără încărcare pe un server.
Pașaport de rezultat
Fiecare rulare raportează modul său de instrument, marcajul temporal și dimensiunea intrării/ieșirii, astfel încât datele transformate să poată fi auditate.