Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
1 / 1 / 1
Регистрация: 13.03.2017
Сообщений: 48

Скругление блока

27.09.2018, 22:36. Показов 871. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Ребят хочу плавно скруглить для footer верхнюю часть блока не знаю как реализовать это на css

это не катит
CSS
1
border-radius: 40% 40% 0 0;
скругляет углы не совсем так как хочется

пример изображения как нужно сделать прикрепил

т.е. центр должен немного выпирать а потом плавно уменьшаться к бокам буквально на 10-18px(только верх)
ребят подскажите как можно реализовать?
Миниатюры
Скругление блока  
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
27.09.2018, 22:36
Ответы с готовыми решениями:

Скругление блока в пол высоты
Здравствуйте! Часто нужно сделать кнопку такого вида . На данной кнопке border-radius равен половине ее высоты. Ищу способ сделать такое...

Скругление углов
Здравствуйте, нашёл в сети код с разными углами -moz-border-radius: 37px 92px 142px 15px ; -webkit-border-radius: 37px 92px 142px...

Скругление углов
p { background-color: green; width: 80%; height: 100px; border-radius: 40px/20px 20px 30px/10px; } игнорирует...

3
9 / 6 / 3
Регистрация: 25.08.2018
Сообщений: 262
27.09.2018, 23:18
Konstantin12312, Так наверное или PNG или SVG(вектор лучше)

width: 1000px;
height: 70px;
border-radius: 50% 50% 0 0;
padding: 50px 0 0 0;
0
23 / 21 / 5
Регистрация: 15.12.2015
Сообщений: 261
28.09.2018, 12:15
CSS
1
2
border-top-right-radius: 70px 40px;
border-top-left-radius: 70px 40px;
0
204 / 67 / 41
Регистрация: 15.09.2018
Сообщений: 197
28.09.2018, 14:35
jsfiddle

CSS
1
border-radius: 50% 50% 0 0 /20px 20px 0 0;
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
28.09.2018, 14:35
Помогаю со студенческими работами здесь

скругление в огнелисе и IE
Приветствую. Делаю макет и столкнулся с такой ерундой как на скринах. на первом скрине, работает мозилла, а на втором IE. Код css везде...

Скругление фото border
Добавил фото и сделал бордером закругление. Но не знаю как добавить желтый круг на бордер как на скрине.. Подскажите. .photo img { ...

Скругление углов + прозрачный background
есть див у него в качестве background -прозрачная png (картинка 1*1 рх ) для него надо скруглить углы. Использую для этого DD_roundies...

Внутреннее скругление углов + рамка
Доброго дня! Ребята, нужна помощь. Необходимо создать блок (см. рисунок) с внутренним скруглением углов. Пробовал вариант через создания...

Скругление углов фигур на CSS
Вопрос по геометрическим фигурам. Есть стандартный пример http://htmlbook.ru/css3-na-primerakh/skruglennye-ugolki (изображение 1)...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
Горе от ума
kumehtar 07.04.2026
Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru