Generator CSS border-radius
Napravite border-radius kratico od vrednosti vsakega vogala, z eliptičnimi vogali in Tailwind ekvivalentom za vaš splet.
Generator CSS border-radius
Nastavite polmer za vsak vogal in to orodje bo sestavilo praven CSS border-radius skrajšan na najkrajšo veljavno različico — eno vrednost, ko se vsi vogali ujemajo, dve ali tri, ko se nasprotni vogali ponavljajo, in polni seznam štirih vrednosti, ko je vsak vogal drugačen. Ustvarjeno je za vse, ki oblikujejo kartice, gumbe, avatarje, modalne okne ali vnosna polja in želijo čist, pripraven CSS brez ročnega izračuna vogalov.
Izberi "Enako na vsakem vogalu" za preprost zaobljen pravokotnik ali pretvori na "Ločeni vogali", da samostojno prilagodiš vsak vogal v px, odstotkih ali rem. Omogočanje eliptičnih vogalov doda osem-vrednostno poševnico, ki jo border-radius podpira — vodoravni polmer in drugačen navpični polmer na vogal, voden z enim drsnikrom razmerja, tako da squircle ali spljoščena oblika zahtevata eno potego namesto osmih polj. Možnost "Naključni organski oblik" ustvari svež asimetričen oblik pri vsakem zagonu — vrsto mehke, nepravilne oblike, ki se uporablja za herojske slike in dekorativne lise. Preklapljaj izhod med border-radius skrajškom in štirimi razširjenimi lastnostmi border-*-radius ter vključi Tailwind možnost, da dobiš ujemajoči razredni utility razred skupaj s čistim CSS-om.
Vrednosti se preverjajo med tipkanjem: negativne številke se obravnavajo kot nič in ni stanja, ki bi ustvarilo okvarjeni CSS. Živi preračun pod izhodom prikazuje, koliko je bilo generirano deklaracijskih vrstic, koliko različnih vrednosti vogala je skrajšek zmanjšal, in natančno število znakov, se ažurira, medtem ko prilagajate katero koli možnost.
Vse se izvaja lokalno v vašem brskalniku — vrednosti vogalov ali generirani CSS nikoli niso poslani nikamor. Kopirajte rezultat, ga prenesite kot datoteko .txt ali ga pošljite direktno v vnos drugega orodja, da nadaljujete z delom nanj.