@slava_des
Веб разработчик

Как сделать анимацию появления картинки?

Нужно сделать анимацию появления картинки как тут показано
https://dribbble.com/shots/5368772-FSHN-Articles
  • Вопрос задан
  • 382 просмотра
Пригласить эксперта
Ответы на вопрос 2
kosolapus
@kosolapus
Если помогло - отмечайте решением
Вопрос. Интересует только картинка (читай - фотография барышни в платье) или весь набор анимаций?
Вот первые несколько, которые разглядел:
1. Сдвиг кораллового прямоугольника
2. Скейл барышни
3. уменьшение ширины (или сдвиг с низким z-index) кораллового прямоугольника
4. Появление всех иконок вкруг (fade-in + сдвиг с разных сторон)
5,6. fade-in+ сдвиг вверх для заголовков (по очереди)

Ну и так далее.
По поводу реализации - барышня проще всего сделана, простой scale.
По поводу реализации всей картинки - либо красиво отрабатывать кейфреймы, чтоб все санимировалось в срок на чистом CSS, либо пилить набор событий на JS и запускать.

P.S. Я мало-мало олень, на истину в конечной инстанции не претендую
Ответ написан
Dan_Stanly
@Dan_Stanly
Не задавайте вопросы на которые не знаете ответов
Комментировать
Ваш ответ на вопрос

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

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