А в чем затруднения? Общий алгоритм такой: подписываемся на скролл, в скролле проверям, если анимируемый элемент стал видимым, то анимируем его, добавляя элементу какой-то класс, в котором описаны CSS-правила для анимации.
У вас по горизонтали уже сдвинуто, а по вертикали - нет. Это и есть 90 градусов. Вот ваша тень https://jsfiddle.net/0mfnfLkL/1/. Поиграйте со значениями и поймете.