ЦСС генератор кругова — 50% радијуса границе
Визуелно дизајнирајте ЦСС радијус ивице: четири независна угаона клизача у пк или процентима, пречица за повезивање свих углова за тренутне кругове и таблете, плус режим органске мрље са насумично одабраним облицима.
Резултат
Ова страница отвара генератор радијуса границе са сва четири угла повезана и постављена на 50%, вредност која претвара оквир у круг користећи само ЦСС. Искрено: на квадратној кутији ово чини савршен круг, али на правоугаоној кутији истих 50% уместо тога ствара елипсу налик стадиону, пошто сваки угао заокружује само своју четвртину.
Та разлика је важна јер је 50% радијуса ивице једини најчешћи начин за прављење кружних аватара, значака икона и статусних тачака у ЦСС-у — далеко једноставније од исецања круга помоћу маске или цртања у СВГ-у, и остаје оштар у било којој величини пошто је то релативан проценат, а не фиксни радијус пиксела.
Пребаците кутију на фиксну квадратну величину у сопственом ЦСС-у да бисте закључали савршени круг, или је намерно оставите правоугаоном за облик налик пилули - у сваком случају, углови овде остају повезани тако да један клизач одржава сва четири синхронизована док копирате резултујући ЦСС.