A
A
Alexander2015-10-19 13:28:22
Web development
Alexander, 2015-10-19 13:28:22

How to make a looping effect of smooth zoom in and out for the background?

Hello.
Tell me, please, what can be used to make the same looping effect of approaching and moving away, like this site - www.netdreams.co.uk (scroll to the second second photo, where a man looks at the tablet and sees an orc there, Faceshit).
Rummaged through google, found zoom effect and "Ken Burns Effect", but this is not quite what I need.
Ideally: a person enters the site and the background (it will be a picture) gradually approaches, and then moves away, in fact, as on that site)

Answer the question

In order to leave comments, you need to log in

3 answer(s)
C
Captain Cocoa, 2015-10-19
@QNEONE

You don't need any plugin for this. Made with pure CSS3.
Keep: jsfiddle.net/ma1z3z73/2

I
Ihor Gevorkyan, 2015-10-19
@Igor-Maf

offhand, I advise you to look at keyframes and zoom. And in order not to increase the width and height when approaching, then wrap the image or block with a background in a block with overflow: hidden.

A
Alexander, 2015-10-19
@QNEONE

Thank you. And could you advise some plugin or something like that, please.
I think a lot of people used it and faced this)

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question