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

Question

[Жасур Жураев]

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

Answer 1

[Ankhena]

https://jsfiddle.net/tc9jh0az/
остальное border-radius

Answer 2

[Сергей delphinpro]

jsfiddle.net/bx8p2gk6

Это чисто верстка. Промаркировать ячейки нужными классами отдельная алгоритмическая задача.

Answer 3

[Максим Тимофеев]

border-radius: 0 0 20px 0;
ну и вариации на тему, что бы нужные скруглять

Answer 4

[Жасур Жураев]

забыл написать, что эта матрица будет динамичной, т.е. картинка может быть совсем другой. и как быть с левым нижним углом? со свойством border-radius такое не прокатит