Пример, как нарисовать красивые 3D облака используя CSS 3D Transformations
Случайно набрел сегодня на еще одну интересную статью об интересных эффектах и решил, что мою любимую Хабра-аудиторию этот пример тоже может заинтересовать. Английский у меня такой-же, как у Азарова украинский, по-этому перевод будет авторский.
Для нетерпеливых: То, что получится в итоге
Вступление
В этой статье, автор попытаеся рассказать и показать как создать красивые 3D облака используя CSS3 Transformations. Автор так-же считает, что иметь базовое понятие о том, как работают эти самые CSS 3 Transformations не будет лишним. Ссылка на туториал здесь
Данный туториал разбит на несколько простых шагов. Каждый шаг основан на коде из предыдущего и содержит ссылки на примеры.
Сделай сам!
- Создаем мир и камеру
- Добавляем объекты в мир
- Добавляем спрайты к облакам
- Магия
- Пролог
Поооеехааали!