Dlaczego do narzędzie jest przydatne
Dostosuj oszroniony panel nawigacyjny lub nakładkę, zachowując wyraźny fallback i sprawdzając efekt, zanim trafi do produkcyjnego systemu projektowego.
Projekt i CSS · działa lokalnie
Generator glassmorfizmu CSS z dostępnością
Utwórz półprzezroczysty panel z kolorem awaryjnym, rozmyciem tła, wartością obramowania, promieniem i cieniem, jednocześnie podglądając kontrast na kontrolowanym lokalnym tle.
Twoje dane robocze pozostają w tej przeglądarce.
Jak do działa
Przeglądarka konwertuje zweryfikowany kolor szesnastkowy na ograniczone kanały alfa, generuje prefiksowane i standardowe deklaracje rozmycia oraz nigdy nie wysyła wyborów palety poza urządzenie.
Praktyczny przykład
Wyświetl ciemnogranatowy panel z kryciem 24 procent, rozmyciem 18 pikseli i subtelną białą ramką, aby uzyskać czytelny pływający pasek narzędzi.
Walidacja
Obliczenie jest deterministyczne i wyjaśnia błędy walidacji zamiast po cichu zmieniać nieprawidłowe dane wejściowe.
Granica prywatności
Dane wejściowe i wyjściowe pozostają w tej karcie. Kopiowanie i pobieranie odbywają się za pośrednictwem interfejsów API przeglądarki, bez przesyłania na serwer.
Paszport wyniku
Każde uruchomienie zgłasza swój tryb narzędzia, znacznik czasu i rozmiar wejścia / wyjścia, dzięki czemu przekształcone dane mogą być kontrolowane.