Elements get blurry with interaction

Hi,

The video explains the problem fairly well:


Here is my public share link:

https://preview.webflow.com/preview/cyreen?utm_medium=preview_link&utm_source=designer&utm_content=cyreen&preview=d3e3e8e0c93ad33918b35a0c814b3ac7&pageId=5dde94cbc6438648a489ce39&mode=preview
(how to access public share link)

what’s the problem exactly?

Hey @soz,

Those graphics are PNG, they will pixelate on any scale above. You’ll need to use SVG for this. Then when adding the SVG, control the sizing with the outer div. You should only need to set the SVG to 100% width if need be.

See ya :slight_smile:

@soz,

Hey just wanted to remind you to use Linear to reduce the blurred effect on scale. That will definitely help. Of course, not as sexy but it has a better effect :slight_smile:

If you need the cool factor, select options in the ‘Ease-In’ category. See ya.