Сведения о вопросе

Life

16:40, 16th August, 2020

Теги

CSS   HTML    

Как сверстать HTML таблицу из 3D-кирпичей?

Просмотров: 283   Ответов: 6

Верстаю диаграмму про сервисно-ориентированную архитектуру:



Но хочется-то такую:



Подскажите, пожалуйста, как. Может, можно как-то применить box-shadow из CSS3? Или может кто-нибудь видел и подскажет ссылку, где уже успешно свёрстано, а я дальше разберусь и скопирую.



  Сведения об ответе

прога

00:24, 13th August, 2020

Немного обидно, что левый ответ, предлагающий отказаться от затеи получает +4, а после верного (моего, ага) ответа автор еще и сомневается «Если не CSS». Ну ладо, чё. Придется разжевать и в рот положить: pastie.org/1135685


  Сведения об ответе

lool

06:10, 17th August, 2020

Не могу избавиться от мысли, что возможно имеет смысл всю диаграмму сделать картинкой. Размер получится небольшим, а сделать проще на порядок.


  Сведения об ответе

9090

07:54, 22nd August, 2020

Можно использовать css3-свойство transform: skew. При этом придется использовать либо по 3 элемента, либо задействовать псевдо-элементы before и after. Так-же придется как-то побороть проблему накладывания нижних элементы на верхние. Например, сделать всем элементам position: relative и уменьшать z-index от верхних к нижним.


  Сведения об ответе

P_S_S

05:11, 5th August, 2020

Может svg/vml там вроде бы extrusion есть.


  Сведения об ответе

park

09:05, 25th August, 2020

Выглядити так:


  Сведения об ответе

darknet

21:16, 27th August, 2020

Вы чуть выше интересовались JS-библиотеками для рисования диаграмм.
Нашёл два топика, в которых описывается довольно приличное количество подобных библиотек. Надеюсь, что среди них Вы сможете найти подходящую.
habrahabr.ru/blogs/javascript/80027/
habrahabr.ru/blogs/javascript/79960/


Ответить на вопрос

Чтобы ответить на вопрос вам нужно войти в систему или зарегистрироваться