для  4ёх
                  
                  
                  и это неоправданое количество кода
                  
                  
                  
                  
                  
                  я нашёл решение как мне кажется лучше
                  
                  
                  https://jsbin.com/niyajul/edit?html,css,js,output
                  
                  
                  у него углы с дефектом но это не сильно критично
                  
                  
                
Ну надо было сразу это говорить, в моем решении вроде должно работать
https://codepen.io/IhorSila/pen/KKWRbMe добавил некоторых стилей и скругления для всех угловых ячеек. чето немного кривовато все-таки...
выглядит шикарно. пожалуй его и возьму себе :)
сжал ) твой вариант https://jsbin.com/lojubaq/edit?html,css,output
Обсуждают сегодня