Задать вопрос
blazZzy
@blazZzy
Frontend developer. React, Vue
верстка

Как можно с помощью css сделать закругление углов как показано в картинке?

есть, скажем так, матрица (5х5), каждая клетка выводится через функцию map. необходимо задать каждой клетке скругление так, как в рисунке
ps. пустые места - это тоже клетки, у них прозрачность на нуле

5ba103ca71876250582253.png
  • Вопрос задан
  • 103 просмотра
Комментировать
Подписаться 1 Средний Комментировать
Решения вопроса 2
Ankhena
@Ankhena Куратор тега Вёрстка
Нежно люблю верстку
https://jsfiddle.net/tc9jh0az/
остальное border-radius
Ответ написан
Комментировать
Комментировать
delphinpro
@delphinpro Куратор тега Вёрстка
frontend developer
jsfiddle.net/bx8p2gk6

Это чисто верстка. Промаркировать ячейки нужными классами отдельная алгоритмическая задача.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 2
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
border-radius: 0 0 20px 0;
ну и вариации на тему, что бы нужные скруглять
Ответ написан
Комментировать
Комментировать
blazZzy
@blazZzy Автор вопроса
Frontend developer. React, Vue
забыл написать, что эта матрица будет динамичной, т.е. картинка может быть совсем другой. и как быть с левым нижним углом? со свойством border-radius такое не прокатит
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Vue & Capacitor Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Frontend программист-разработчик
Максавит • Нижний Новгород
До 200 000 ₽
PHP-программист (SEO-правки)
Demis Group
от 50 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Написать посты на игровую тематику (PlayStation) Telegram, VK
25 апр. 2024, в 16:21
15000 руб./за проект
DevOps настройка Gitlab CICD для проекта c CF Worker
25 апр. 2024, в 16:12
2000 руб./за проект
DevOps
25 апр. 2024, в 16:08
100000 руб./за проект
Ещё заказы