Generator obrazów używanych do tworzenia ramk (Border Image Generator)

To narzędzie generuje deklaracje CSS `border-image` z pięciu wejść: źródło, slice, szerokość, outset i tryb powtarzania. Źródło akceptuje każdą prawidłową wartość `border-image-source` taką jak `url(border.png)` lub dowolny gradient CSS. Podgląd na żywo renderuje wynik na obramowaniu `20px solid transparent`, a wynik jest wyświetlany zarówno w formie skróconej jak i poszczególnych właściwości.

1. Ustaw Źródło na gradient lub `url(...)`. Domyślna to `linear-gradient(45deg, #f3ec78, #af4261)`. 2. Ustaw Slice (domyślnie `1`), Szerokość (domyślnie `20px`) i Outset (domyślnie `0`). 3. Wybierz tryb powtarzania: stretch, repeat, round lub space. 4. Podgląd jest aktualizowany na żywo. 5. Kliknij Kopiuj aby skopiować pełny blok CSS lub Pobierz aby zapisać jako `border-image.css`.

Skrót: `border-image: <source> <slice> / <width> / <outset> <repeat>;`. Pełny blok wymienia również `border-image-source`, `-slice`, `-width`, `-outset`, `-repeat` osobno i zawiera wymaganą podstawę `border: 20px solid transparent;`. Tryby powtarzania: `stretch` (domyślny, skaluje boki), `repeat` (kafelkuje bez skalowania), `round` (kafelkuje i rozciąga aby pasowały pełne kafelki), `space` (kafelkuje z rozłożonym dodatkowym miejscem).