How to make an animation of the appearance of a picture?

Question

Design

You need to make an animation of the appearance of the picture as shown here
https://dribbble.com/shots/5368772-FSHN-Articles

Answer 1

Question. Interested only in the picture (read - a photograph of a young lady in a dress) or the whole set of animations?
Here are the first few that I saw:
1. Shifting the coral rectangle
2. Scaling the young lady
3. reducing the width (or shifting with a low z-index) of the coral rectangle
4. The appearance of all the icons around (fade-in + shift from different sides)
5.6 . fade-in+ upshift for titles (one at a time)
And so on.
Regarding the implementation - the young lady is the easiest to do, a simple scale.
Regarding the implementation of the whole picture - either beautifully work out keyframes so that everything is animated on time using pure CSS, or cut a set of events in JS and launch it.
PS I'm a little deer, I don't pretend to be the ultimate truth

Answer 2

Check out these sliders:

• wowslider.com/en/web-photo-gallery-subway-basic.html
  
• www.joelambert.co.uk/flux
  
• cssslider.com/javascript-slider-18.html
  
• https://www.jssor.com/demos/simple-layer-animation...
  
• www.dynamicdrive.com/dynamicindex17/parallaxslider...