Фев
10
0

Делаем круглые уголки на JQuery

Author K_E_V_in    Category javascript     Tags , , , , , , , , , , ,

Круглые уголки – это настоящий бич нашего времени. Ну просто все хотят видеть на своих именно плавные закругленности. Что ж, не будем лишать людей надежды и дадим им то, чего они так хотят.

Берем плагинчик jquery.corner, последнюю версию (сами найдете, это очень просто) и подключаем примерно так (yourclass – класс элемента, к которому нужно применить преобразование):

1
2
3
4
5
6
7
<script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="jquery.corner.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $(".yourclass").corner("7px");
        });
    </script>

Как результат видим примерно такую картину:

На странице демок есть куча вариантов настроек уголков. Выбирайте по вкусу!

Прокомментировать

Рубрики

Облако меток

В прямом эфире