Complicated Zoom - years old, need help please

Design help Custom code
1

I use a very complicated zoom in animation for my site. I don’t know any Javascript so I just copied a few tutorials and barely got my site working.

Although it looks okay, the backend is a mess. I can’t refactor it or change it easily. Can someone please help me use the right design principles to productively do the circle-zoom animation, and still have an easy way to edit my site?

This is really messy, so i appreciate anyone giving me some pointers. Thank you.

Here’s the read only: Webflow - Peyote

But understand the animation, please visit the site: peyote.agency

THANK YOU

Bilal

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

You need some Webflow fundamentals… start with classes, that will speed up all your future work.

Then, I recommend you taking one evening of your life for this Webflow course: It’s life chaging if you’re a begginer: Ultimate web design course - Webflow University Courses

1 Like
3

Sounds good thank you. Will this help with the custom zoom that uses javascript? I made this years ago, so I barely remember the tutorial I followed. I can’t find it again either. TY so much.

4

It will give you very helpful foundations on general web development. Then you can just read the documentation for the CircleType library and also look at the Webflow animation you have setup that happens when users click on the center icon.

image
image3439×719 220 KB

Interactions & animations course - Webflow University Courses

1 Like
5

Thank you sir. I found the old video as well: https://www.youtube.com/watch?v=GaekzewiOlg&t=415s

If I have any problems, can I reach out to you? TY again.

1 Like