• Страница 1 из 1
  • 1
Форум » Web-Раздел » Начинающему вебмастеру » Создание формы круга с чистым CSS (Изображения элемента в форме круга при помощи CSS)
Создание формы круга с чистым CSS
Kosten
Дата: Понедельник, 2019-04-01, 22:19 | Сообщение 1
Оффлайн
Администраторы
Сообщений:24946
Награды: 57


На современном CSS появилась возможность для создание геометрических фигур при помощи CSS. Где создадим форму виде круга, где можно добавить оформление, также оттенок цвета. Где задействуем элемент border-radius: 50%, который отвечает за изгибает границы элемента, чтобы создать круг.



HTML

Код
<div class="obvelemen-okruzhenug"></div>

CSS

Код
.obvelemen-okruzhenug {
    border-radius: 50%;
    width: 125px;
    height: 125px;
    background: #2d2a2a;
    border: 3px solid #8f9194;
}


Поскольку круг имеет одинаковый радиус в любой заданной точке width и height должны быть одинаковыми.

Демонстрация
Прикрепления: 8868133.png(3.6 Kb)
Страна: (RU)
Форум » Web-Раздел » Начинающему вебмастеру » Создание формы круга с чистым CSS (Изображения элемента в форме круга при помощи CSS)
  • Страница 1 из 1
  • 1
Поиск: