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

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

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

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

5e248f4f9596c717437199.jpeg

Спасибо!
  • Вопрос задан
  • 1851 просмотр
Решения вопроса 2
sniggering_deus
@sniggering_deus
Frontend Engineer & Fullstack Designer
Вот отличная статья, правда на английском языке:

https://www.sitepoint.com/building-3d-rotating-car...

Автор статьи показывает как сделать 3D карусельку, заодно объясняет принцип создания такой структуры. Почитайте, быть может будет полезно.

А это пример:

Ответ написан
SkiperX
@SkiperX Куратор тега CSS
для фигуры
transform: rotate3d(0, 1, 0, 45deg);
  transform-origin: left;

для родителя
perspective: 1000px;
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы