Как трансформировать фигуры в css?

Question

[KononovD]

Здравствуйте!

Допустим, есть блок с 3мя дивами внутри. Дивы с текстом. Все они шириной 100px, высотой 40. Какие свойства я должен задать левому и правому, что бы у левого левая грань была ~30px, а у правого правая грань ~30px?

Ну или вот картинка:



Спасибо!

Answer 1

[Алекс Глебов]

для фигуры

transform: rotate3d(0, 1, 0, 45deg);
  transform-origin: left;

для родителя
perspective: 1000px;

Comments

[Преподаватель программирования]

он не говорил про поворот в 3d

Answer 2

[Преподаватель программирования]

Для этого есть SVG