CSS 3D: Создаем простые 3D объекты с нуля
CSS 3D: Создаем простые 3D объекты с нуля
сайт редактор для 3d объектов - http://tridiv.com/
В этом видео вы узнаете, как создавать простые 3D объекты с помощью CSS. Мы разберем основы CSS 3D трансформаций, включая свойства `transform`, `rotateX`, `rotateY`, `rotateZ`, `translate`, и `perspective`.
Этот туториал идеально подходит для начинающих веб-разработчиков, которые хотят добавить трехмерные эффекты на свои веб-сайты. Мы начнем с самых простых примеров и постепенно перейдем к более сложным техникам.
Вы научитесь:
Понимание `transform-origin`, `transform-style: preserve-3d`.
Создание простых 3D фигур: Куб, параллелепипед и другие простые объекты.
Работа с перспективой: Как создать эффект глубины с помощью свойства `perspective`.
Оптимизация 3D CSS для веб-сайтов: Советы по улучшению производительности и совместимости.
00:00 css 3d: transform, perspective, transform-style
00:20 что такое transform. свойства rotate, scale, translate, skew, matrix, matrix3d
01:54 что такое perspective
02:18 что такое transform-style
02:47 как создать 3d куб в css. создать грань куба
10:15 css анимация для куба
12:10 итог
12:24 сайт для создания 3d css