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
Upiększacz CSS
Formatuj i upiększaj swój kod CSS z profesjonalną precyzją
Generator przejść CSS3
Płynne przejście krycia
Minifikator CSS
Kompresuj i optymalizuj swój kod CSS z profesjonalną precyzją
Minimalizator JavaScript
Kompresuj i optymalizuj swój kod JavaScript za pomocą profesjonalnej minifikacji. Zmniejsz rozmiar pliku, skróć czas ładowania i zwiększ wydajność aplikacji internetowych.
Kalkulator kredytowy
Oblicz raty kredytu, koszty odsetek i harmonogramy amortyzacji za pomocą naszego kompleksowego kalkulatora kredytowego.
Minifikator CSS
Kompresuj i optymalizuj swój kod CSS z profesjonalną precyzją