animation of background-image fitting to window size

[mikel 4,774 Likes (Superhero)]

Hi,

 

I´m still very happy to tween a little.

 

This extreme panorama motif is animated perfectly using background-image and GASP.

Please have a look at the exsisting project: http://www.privatstrasse-hamburg.de

 

Pending on the relative width the animation should have a proper fitting "speed".

I benefit from several postings of this forum - thanks to all - and came to this way:

 

Is that a proper solution?

 

Best regards

Manfred

See the Pen jEERNg by mikeK (@mikeK) on CodePen

[Diaco 1,995 Likes (Superhero)]

Hi mikel ( Manfred ) 

 

Unfortunately i can't understand what you looking for !

 

what's your problem with this , just one line code :

TweenMax.to(zeile, 30, {backgroundPosition: "100% 0px", repeat: -1, repeatDelay:2, yoyo:true, ease:Linear.easeNone}); 

[mikel 4,774 Likes (Superhero)]

Hi Diaco

 

Thanks for your comment.

 

Sure, the animation is fine pending on window width.

My question: How optimize the duration?

Slower at smaller window size - faster at wider ones.