11 августа 2023 /
0 комментариев
/
187 просмотров
Закругление краев картинок - это популярная техника в веб-дизайне, которая позволяет придать изображениям более современный и эстетически приятный вид. Такой эффект можно легко достичь с помощью CSS.
1
Белый квадрат с закругленными углами
2
Квадрат с закругленными углами
3
Квадрат с закругленными углами
4
Плашка с закругленными углами
5
Квадрат с закругленными углами
6
Квадрат с круглыми углами
7
Скругленный прямоугольник
8
Фигуры с закругленными углами
9
Черный прямоугольник
10
Выключатель 1-кл. ОП 10а ip20 бел. Ionich 1411
11
Прямоугольник с закругленными краями
12
Кнопка квадратная
13
Закругленный прямоугольник
14
Столешница барная ясень шимо светлый 1300х400х32мм
15
Стойка ресепшн Креденза Esedra 1840*820 IVM
16
Оранжевый прямоугольник с закругленными углами
17
Закругленные прямоугольники
18
Dibond Butlerfinish Steel
19
Фреза скругляющая hw r3-OFK Festool 490093
20
Кромка для столешницы
21
Радиус скругления столешницы 40 мм
22
Закругленный полок
23
Прямоугольник со скругленными углами
24
Серый квадрат
25
Красный кубик
26
Рамка с закругленными углами
27
Квадрат с закругленными углами
28
Квадрат с закругленными углами
29
Надсечки на ткани
30
Белый квадрат с закругленными углами
31
Белый квадрат
32
Скругленный прямоугольник
33
Скругление углов на дереве
34
Закругленные рамки
35
Циркуль для фрезера Festool
36
Cool Gray 10c пантон
37
Чёрный квадрат с закругленными
38
AJUSA 13198800
39
Блендер закруглить углы
40
Квадрат с закругленными углами
41
42
Винтовая бетонная лестница
43
Прямоугольник с закругленными углами синий
44
Кнопка квадратная
45
Пустой фист самп
46
Квадрат с закругленными углами
47
48
Кнопка квадратная
49
Столешница дуб цельноламельный
50
Кнопка квадратная
51
Коврик Fellowes recycled Optical Mousepad FS-59095
52
Синий квадрат с закругленными краями
Как закруглить края картинки с помощью CSS
1. Добавьте стиль к вашему классу изображения:
.rounded-image {
border-radius: 50%;
}2. Примените класс к вашей картинке:
3. Посмотрите на результат - теперь края вашей картинки будут закруглены!
53
Самсунг Ep-p1300
54
Фрезер кромочный Crown ст11023
55
Прямоугольник с двумя закругленными углами
56
Салатовый прямоугольник
57
Прямоугольник с закругленными краями
58
Межкомнатные ступеньки
59
Штакетник полукруглый деревянный
60
Квадрат с закругленными углами
61
Ковровые ступени для лестниц
62
Рамка с округлыми углами
63
Прозрачный прямоугольник синий
64
Прямоугольный с закругленными углами
65
Инкрустация дерева шпатлевкой
66
Радиус скругления углов столешницы
67
Рамка прямоугольная
68
Синий прямоугольник
69
Квадрат с закругленными углами
70
Красный прямоугольник с закругленными краями
71
Рамка из каната прямоугольная
72
ЛДСП Эггер с кромкой
73
R450 радиус столешницы
74
Скругляющая фреза Festool hw r3-OFK 500 490093
75
Оранжевый прямоугольник
76
Ценник круглый
77
Оранжевый квадрат
78
Прямоугольник со скошенными углами
79
Шестиугольник с закругленными углами
80
Скруглить углы в иллюстраторе
81
Рамка со скругленными углами
82
Столешница из кварцевого агломерата still Stone g2807 Black Crystal 20 мм
83
Разметка металла под сварку
84
Гнутоклееные изделия из шпона
85
Пустой фист самп
86
Силиконовая скатерть
87
Плинтус полукруглый напольный
88
Встраиваемый светильник Eglo Fueva 1 94068
89
Рамка для текста
90
Кромка 2907w
91
Полувинтовая лестница снизу
92
Фреза скругляющая hw r3-OFK Festool 490093
93
Фреза Festool скругляющая r9
94
Профиль арочный металлический Flext / флекст (60х27 мм / 1 м)
95
Насадки Вольфкрафт для дрели болгарки
96
Рамка прямоугольная с закругленными углами
97
Инструменты для кожи
98
Рамка с закругленными углами
99
Укладка линолеума
100
Прямоугольное зеркало с закругленными углами
101
Плашка с закругленными углами
102
Лист с загнутым углом
103
Убавление петель спицами для проймы рукава схема
104
Квадрат с закругленными углами
Примеры закругленных картинок
Для вдохновения, вот несколько примеров закругленных картинок:
Вставить фото примера 1
Вставить фото примера 2
Вставить фото примера 3
Закругление краев картинки - это простой способ придать вашим изображениям оригинальность и элегантность. Попробуйте эту технику сегодня и улучшите внешний вид ваших веб-страниц!