Size Interaction Issue Transform Origin

Design help Animations & Interactions
1

Hi webflowers!

I have an issue with a size transformation on my mouse circle element. When the size grows it seems like the transform origin stays at the same point although i tried every option in the transform window of the element. Can someone tell me what i have to do to get that circle growing in the same position?

thanks in advance!

greetings

David

Here is my public share link: https://preview.webflow.com/preview/marker-on-toast?utm_medium=preview_link&utm_source=designer&utm_content=marker-on-toast&preview=f76a6e910b24140f4bdd45f0b59ff187&mode=preview

2

Hi @markerontoast, for it to grow from the center you can try using scale instead of size for the interaction. Though from my quick test, for some reason it pixelates for a bit. You can still give it a try!

3

Hi @dennyhartanto,

i used the size interaction at first but i noticed the pixelation too. Is it going to be smoother when you publish the project on minified code?