Border Radius Generator

A szegélysugár-deklaráció akár négy független sarokértéket és egy opcionális nyolcértékű perjel szintaxist is felvehet az organikus görbékhez – több mozgó alkatrész, mint amennyit a legtöbb ember gondolna, amíg szükségük van valamire az egyszerű lekerekített kártyán túl. Ez a generátor az összes részt megjeleníti a képernyőn: négy sarokcsúszka saját képpont vagy százalék egységgel, egy link-all-corners parancsikon a szimmetrikus alakzatokhoz, és egy blob mód olyan alakzatokhoz, amelyeket egyetlen sugárérték sem tud kifejezni.

A Corners mód lefedi azokat a formákat, amelyekhez az emberek ténylegesen hozzányúlnak: minden sarkot egyetlen csúszkához kapcsolva tökéletes körök, pirulák és kancsalságok érhetők el, vagy szétválaszthatja őket, hogy csak a legördülő panel tetejét vagy a kártya egyik oldalát kerekítsék le. Az alakzat mögött látható sakktábla-előnézet, amely világos és sötét háttér között váltható, világossá teszi, hogy pontosan mely sarkok vágódnak le bármely sugárban – ugyanazokat a vizuális trükkfájlokat használják ezen a webhelyen az átlátszóság megjelenítésére.

A blob mód a másik fele: a CSS nyolcértékű perjel szintaxisa lehetővé teszi, hogy az egyes sarkok vízszintes és függőleges sugarai eltérőek legyenek, ami a lekerekített téglalapot organikus, szabálytalan körvonalává változtatja. Bármikor nyomja meg a Randomize gombot, hogy új formát kapjon, és másolja be a pontos CSS-t mögötte – SVG-exportálás vagy külső könyvtár nélkül. Az előre beállított oldalak lefedik azokat a kéréseket, amelyeket az emberek ténylegesen beírnak a keresőmezőbe: egy tökéletes kör, egy stadion alakú tablettagomb, egy iOS-stílusú squircle és egy kész organikus blob.

Mint minden eszköz ezen a webhelyen, ez is teljes egészében az Ön böngészőjében fut: nincs feltöltés, nincs fiók, és a generátor offline állapotban is működik, miután az oldal betöltődött.