Generator promienia obramowania
Narzędzie Generator CSS o promieniu obramowania do szybkiego generowania deklaracji CSS o promieniu obramowania.
Preview
Dane wyjściowe CSS
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
Elementy sterujące przycinaniem ścieżki
Podstawowe kształty
Właściwości kształtu
0%
0%
100%
100%
Animation
0s
Presets
Rectangle
Circle
Ellipse
Triangle
Diamond
Pentagon
Hexagon
Heart
Sposób użycia
Podstawowe elementy sterujące
- Zaznaczanie kształtu podstawowego w panelu Zaznaczanie kształtów
- Dopasowywanie parametrów kształtu za pomocą suwaków zakresu
- Przeciągnij punkty kontrolne na podglądzie, aby zmienić kształt ścieżki przycinania
- Dodawanie punktów do kształtów niestandardowych w trybie Dodaj punkty
Zaawansowane funkcje
- Zapisywanie i wczytywanie ustawień predefiniowanych w celu szybkiego dostępu do ulubionych kształtów
- Animuj ścieżki klipów za pomocą niestandardowego czasu trwania, krzywych dynamiki i iteracji
- Skopiuj wygenerowany kod CSS i wklej go do swojego projektu
- Przełącz tryb ciemny, aby wygodnie projektować późno w nocy
Related Tools
Twórz idealne układy flexboxów
Wizualizuj, dostosowuj i generuj kod flexbox CSS za pomocą naszego intuicyjnego interfejsu typu "przeciągnij i upuść".
Konwerter rysika na CSS
Przekształć swój kod SCSS w CSS. Szybko, łatwo i bezpiecznie.
Konwerter SCSS na CSS
Transform your SCSS code into CSS. Fast, easy, and secure.
HMAC Generator
Łatwe generowanie skrótów HMAC
Konwertuj tekst na ślimaki przyjazne dla SEO
Przekształć dowolny tekst w przyjazny dla adresów URL slug, który jest idealny dla adresów URL, nazw plików i nie tylko.
Walidator JSON
Weryfikuj, formatuj i debuguj dane JSON z precyzją. Otrzymuj natychmiastowe informacje zwrotne na temat błędów składniowych i problemów z formatowaniem.