Пятница, 17.05.2024, 10:57
Приветствую Вас Гость | RSS
Меню сайта
Категории раздела
Для раскрутки сайта [0] Для мобилы [6]
Для контакта [15] Для компьютера [60]
Фильмы [8] Новинки [5]
Сериалы [4] Музыка [4]
Игры [3] Кинотеатр [1]
Кинотеатр
Анти-вирусники [1] Графика, 3D графика [2]
Шаблоны [2] Скрипты [198]
онлайн переводчик [1] Иконки групп [1]
Кинотеатр [3] счетчиков тИЦ и PR [2]
Flesh игры [1] Наш чат [1]
Шапки для uCoz [5] Заработок в интернете [5]
Еще Юзербары [1] Мувика [7]
Наш опрос
Откуда вы пришли на наш сайт?
javascript:; javascript:;
Всего ответов: 168

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » Файлы » Скрипты

Все - Сглаживание углов на CSS3
17.12.2011, 16:11
Сглаживание углов на CSS3
Чтобы сгладить углы границ элемента нужно в класс стилей прописать border-radius
И после двоеточия указать в пикселях мощность сглаживания
Но границы должны быть указаны явно.
например

.elClass {
   border: 1px solid #000; /* Такая строка указывания границ элемента обязательно должна присутствовать в классе */
   border-radius: 3px; /* Это само сглаживание */
}


Также CSS3 позволяет сгладить отдельные углы элемента
Для этого используются тэги: border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius

Например сгладим верхние углы элемента больше чем нижние

.classEls {
   border-top-left-radius: 7px;
   border-top-right-radius: 7px;
   border-bottom-left-radius: 7px;
   border-bottom-right-radius: 7px;
}


Проверено на браузерах:
Opera 11.52
Firefox 8
 

Категория: Скрипты | Добавил: admin
Просмотров: 2250 | Загрузок: 0 | Рейтинг: 5.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Вход на сайт
Поиск
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz