@Shadowman69
Верстать или не верстать - вот в чем вопрос?

Как такое сверстать и как оно должно выглядить в макете?

Есть такое чудо
Проскрольте до анимации Посейдон, и немного подождите. Может кто-то делал подобное, меня интересуют мысли так такое сверстать и как оно должно выглядить в слоях макета - волны и сам посейдон это просто разные слои или это отдельные mockup? Может кто ссылкой может поделиться на подобную реализацию.
  • Вопрос задан
  • 364 просмотра
Решения вопроса 3
@McBernar
или это отдельные mockup?


Что это хоть значит-то — «отдельные mockup»? И почему не «otdelnie мокап»?

Это просто три отдельных слоя — фон, Посейдон и волны с кораблем. В CSS их можно разложить по оси Z на некотором расстоянии друг от друга, и для верности еще сильно размытую тень бросить на передний слой, чтобы добавить эффекта глубины.
Ответ написан
Вот тебе пример. Все очень просто.
Тык
Ответ написан
vetero4eg
@vetero4eg
Frontend
Отдельных слоев достаточно. Посмотрите https://html5book.ru/3d-transform/ Почти наверняка получится обойтись без JS.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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