CSS pilula / Generator oblika stadiona
Vizualno dizajnirajte radijus obruba CSS-a: četiri nezavisna kutna klizača u pikselima ili postocima, prečac povezivanja svih kutova za trenutne krugove i pilule, plus način organske mrlje s nasumičnim oblicima.
Rezultat
Ova stranica otvara generator radijusa obruba sa sva četiri ugla povezana i gurnuta u vrlo veliki radijus: 999px. Na tipičnom pravokutniku veličine gumba, tako velik polumjer preglednik skreće na točno polovicu visine kutije, što je ono što proizvodi potpuno zaobljeni oblik tablete ili stadiona, a ne kvadrat s blago zaobljenim kutovima.
To je razlog zašto gumbi tableta ne trebaju preciznu vrijednost radijusa usklađenu s visinom svakog gumba — bilo koji broj koji je udobno veći od polovice visine daje identičan izrezani rezultat, što je također razlog zašto je 999px (ili čak 9999px) postalo neformalna skraćenica zajednice za 'zaokruži ovo do kraja' u CSS-u.
Promijenite veličinu kutije prema vlastitom rasporedu i istih 999px nastavlja proizvoditi punu tabletu na bilo kojoj visini, budući da preglednik uvijek automatski presječe na polovicu kutije. Kopirajte CSS kada bude izgledao ispravno ili odspojite kutove kako biste umjesto toga izgradili asimetričnu kapsulu.