CSS-pilleri / stadionin muotogeneraattori
Suunnittele CSS-reunusäde visuaalisesti: neljä erillistä kulman liukusäädintä pikselinä tai prosentteina, link-all-corners-pikakuvake välittömiä ympyröitä ja pillereitä varten sekä orgaaninen blob-tila satunnaistetuilla muodoilla.
Tulos
Tämä sivu avaa reunasäteen generaattorin, jossa kaikki neljä kulmaa on linkitetty ja työnnetty erittäin suurelle säteelle: 999px. Tyypillisessä painikkeen kokoisessa suorakulmiossa selain leikkaa suuren säteen täsmälleen puoleen laatikon korkeudesta, mikä tuottaa täysin pyöristetyn pillerin tai stadionin muodon pikemminkin kuin neliön, jossa on hieman pyöristetyt kulmat.
Tästä syystä pilleripainikkeet eivät tarvitse tarkkaa sädearvoa, joka on viritetty kunkin painikkeen korkeudelle – mikä tahansa numero, joka on mukavasti suurempi kuin puolet korkeudesta, antaa identtisen leikatun tuloksen, minkä vuoksi 999 pikselistä (tai jopa 9999 pikselistä) on tullut epävirallinen yhteisön lyhenne sanoista "tämän ympäri" CSS:ssä.
Muuta laatikon kokoa omassa asettelussasi ja sama 999 pikseliä tuottaa täyden pillerin millä tahansa korkeudella, koska selain leikkaa aina puolet laatikosta automaattisesti. Kopioi CSS, kun se näyttää oikealta, tai irrota kulmien linkitys ja rakenna sen sijaan epäsymmetrinen kapseli.