Border Radius Generátor

Egy border-radius deklaráció akár négy független sarokértéket is felvehet, plusz egy opcionális nyolc értékes perjeles szintaxist az organikus ívekhez – több mozgó alkatrész, mint amennyit a legtöbben gondolnak, amíg nincs szükségük valamire, ami túlmutat egy egyszerű lekerekített kártyán. Ez a generátor minden egyes alkatrészt képernyőre tesz: négy sarokcsúszkát saját pixel-vagy-százalék egységgel, egy sarkok összekapcsolása gyorsgombot a szimmetrikus formákhoz, és egy blob módot olyan formákhoz, amelyeket egyetlen sugárérték sem tud kifejezni.

A sarok mód lefedi azokat a formákat, amelyeket az emberek valóban használnak: kapcsold össze az összes sarkot egy csúszkán a tökéletes körökhöz, pirulákhoz és squircle-ökhöz, vagy kapcsold szét őket, hogy csak egy lenyíló panel tetejét vagy egy kártya egyik oldalát kerekítsd. A forma mögötti sakktáblás előnézet, világos és sötét háttér között kapcsolható, nyilvánvalóvá teszi, hogy pontosan mely sarkok vágódnak le bármely sugárnál – ugyanaz a vizuális trükk, amit az oldalon található fájlkezelő eszközök is használnak az átlátszóság megjelenítésére.

A blob mód a másik fele: a CSS nyolc értékes perjeles szintaxisa lehetővé teszi, hogy az egyes sarkok vízszintes és függőleges sugarai eltérjenek, ami egy lekerekített téglalapot organikus, szabálytalan körvonallá változtat. Nyomj a Véletlenszerűre bármikor egy friss formáért, és másold ki a mögötte lévő pontos CSS-t – nincs szükség SVG exportra vagy külső könyvtárra. Az előre beállított oldalak lefedik azokat a kéréseket, amelyeket az emberek ténylegesen beírnak egy keresőmezőbe: egy tökéletes kört, egy stadion alakú pirula gombot, egy iOS-stílusú squirclét és egy kész organikus blobot.

Mint az oldal minden eszköze, ez is teljes egészében a böngésződben fut: nincs feltöltés, nincs fiók, és a generátor az oldal betöltése után offline is tovább működik.