Streaming live at 10am (PST)

Scaling image animatation


#1

Hi guys,

I am trying to create an animation that scale an image while it is rotating.

I think I got a right movement. But problem is when the image is scaled up, the resolution gets broken. The asset is high quality but the beginning state is smaller than end state.

Is there a way to keep the high resolution when an image is enlarged?

This is the website: http://wequ-website.webflow.io/

Thanks for your help!
Best,
Oh


#2

I don’t see any scaling + rotating image on your site


#3

It’s on the Circle arrow. When you scroll slowly… there is phone image is rotating and scaling… :slight_smile:


#4

Do you have a designer share link to your project?

This is most likely due to the element having a 100% height of it’s parent element which remains the same size (small).

You could try to apply a transform of (0,0,0) to the parent element as well as itself.


#5

Here you go: https://preview.webflow.com/preview/wequ-website?preview=11b28da973f2dfa27f63eb39a8184ae0

I will try to check what said!


#6

How should I define the size of original element, if not using %? Px?


#7

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.