CSS Border Radius generaator
Genereeri CSS border-radius visuaalselt reaalajas eelvaatega. Kohanda iga nurka eraldi või seo need kokku. Toetab px, % ja rem. Kopeeri CSS-kood. Tasuta veebitööriist.
Eelvaade
CSS-väljund
Viide
Mis on CSS border-radius?
CSS-omadus border-radius ümardab elemendi välise ääriseserva nurgad. Saad määrata ühe raadiuse ringikujuliste nurkade jaoks või kaks raadiust elliptiliste nurkade jaoks.
border-radius süntaks
Lühikirjutus border-radius aktsepteerib 1 kuni 4 väärtust. Ühe väärtusega on kõik nurgad võrdsed. Kahega määrab esimene üleval vasakul/all paremal ja teine üleval paremal/all vasakul. Nelja väärtusega määratakse iga nurk eraldi: üleval vasakul, üleval paremal, all paremal, all vasakul.
Elliptilised nurgad
Kasutades /-süntaksit (nt border-radius: 50% / 30%), saad määrata erinevad horisontaalsed ja vertikaalsed raadiused elliptiliste nurkade jaoks.
Privaatsus
Kogu border-radius genereerimine toimub 100 % sinu brauseris. Ühtegi andmeid ei saadeta serverisse.