Streaming live at 10am (PST)

Scaling image resolution

Hello,

I’ve applied scaling animation on image assets. When scroll down, asset gets enlarged. Animation works well however the resolution breaks down.

Anyone can help out this?

Preview site:
https://preview.webflow.com/preview/wequ-website?preview=11b28da973f2dfa27f63eb39a8184ae0

Published site:

Your help is highly appreciated! :slight_smile:

Bug Chrome

This is Chrome bug (In firefox + explorer edge works fine).

Related (Anyway - Wait for stuff answer - I don’t find how to solve this for Background-images + Your read-only link is broken):

** Out of topic: Use smaller images (The end / large size is 100px X 100px but the image is 1000px X 1000px).

Hi Siton, thanks for your reply!

Sometimes it get sharps…

Sorry for the link. Now it works.

You create image zoom effect using css3 transitions. That means you can Grow an Image or Shrink and Image on mouse hover can be created using CSS3 scaling transformation.