Jump to content
Search Community

SVG Animation is Blurred on Desktop Safari (it's fine on mobile) + ScrollTrigger and Scale

Vasil test
Moderator Tag

Recommended Posts

Hello everyone! 

 

I am facing an issue with my personal website - https://gurbov.design/. When It's opened on Safari, MacOS the first section is blurred but as soon as I scroll the quality is normal (I am using force3D: false). I don't know how to approach this, If you need the code I can give it, but I am not sure how useful it might be (I am using a website builder, so It won't be visible on CodePen). Thank you in advance!

Artboard 1.jpg

Link to comment
Share on other sites

Hey there! Looks like you're scaling *up* that section to fill your screen
 

<div class="ct-div-block hero" style="transform-style: flat; transform: scale(3.5, 3.5);"...


I'd recommend doing the other way round. Start at the correct size and then scale down.

Lovely site by the way, really creative. So nice to see something so different!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...