CSS Border Radius - czyli w wygodny sposób na zaokrąglenie elementów na stronie | DailyWeb.pl - codziennie o sieci

CSS Border Radius - czyli w wygodny sposób na zaokrąglenie elementów na stronie

Opublikowano 4 lata temu -


Ogrom możliwości CSS 3 staram się systematycznie prezentować na łamach bloga, najczęściej poprzez przeróżne skrypty. Dzisiaj kolejny, którego nazwa jest bardzo analogiczna do tego co potrafi. Otóż za pomocą jego, można wygenerować kod CSS, który zaokrągli wszelkie rogi waszych elementów, umieszczonych na stronie.

Specyfikacja CSS 3 umożliwia zaokrąglanie wszelkich div'ów, poprzez polecenie:

border-radius: 20px;

Jak w takim razie działa CSS Border Radius? Na stronie twórcy umieszczony jest kwadratowy element, który w rogach posiada możliwość określania promienia zaokrąglenia. Po podaniu wartości narzędzie to, wygeneruje kod a także zaprezentuje jak zaokrąglenie będzie wyglądać. Genialne w swojej prostocie :-)

Demo Pobierz