Jump to content
Search Community

vadbiz

Members
  • Posts

    26
  • Joined

  • Last visited

Everything posted by vadbiz

  1. Hi all! Can you please tell me how much it will cost to make an animation like in the video? Throw your suggestions) If you need layout - we will do it, tell me in what form it is necessary. Video link: https://disk.yandex.ru/i/Y7M-1RuXPTSDwQ
  2. Good afternoon everyone! Please tell me, I found this effect on CSS. How can I bind to the scroll on GSAP? So that when you scroll - the text is also rounded and the section rises?)
  3. Please tell me, is it not working for you?
  4. Here in this video you can see how the script behaves on an iPhone. That is, after the drag, the animation seems to stop and is no longer played at all. Please, help me!
  5. Also, for some reason the indentation is small when cards are added.
  6. Doesn't work in Safari browser on iPhone =/
  7. Not working on mobile, baaad How to fix?
  8. Thank you! I still don't understand how do I link gsap.to and scrolltrigger?)
  9. Good afternoon! Tell me where to start to make such an effect with text and a gradient as at the very beginning of the page? https://www.apple.com/iphone-14-pro/
  10. Hello everyone! Now we have a website, we are redesigning it. We have layouts in Figma, but they have animations. It is necessary to take what is now and entrust layouts with animations. Figma: https://www.figma.com/file/KMtI5k0jwjTXZDp4wJSZ50/4-pages?node-id=1281%3A5333 The templating engine is now nunjucks, but you can do just animations separately. A couple of pages are already typeset (such as Vacancies and Works). I will provide the source codes for the layout. True, the font family will change over the course of the day. I need an estimate of the cost and timing of the entire layout and animations separately. Animation Effect: https://k72.ca/en/about Scroll Effect: https://florianmonfrini.com Scroll Effect: https://www.jonway.studio Thank you!
  11. https://codepen.io/akapowl/pen/6a2480c123d88dc391faba0ea5cc590f?editors=1111 I suppose that on this basis it is possible to do - but how, while I'm at a loss
  12. Hello everyone! Please, tell me: how to create this effect with gsap? Unfortunately, I looked at some examples and do not understand a bit how I can implement it. It is important for me to understand how to also smoothly change slides and overlay pictures? Reference: https://k72.ca/en/about This effect: http://joxi.ru/12MyJvySwxE9Z2 Please, help me! I wish you the best mood
  13. Hello everyone! Please, help me with slider at reference site: https://goodfight.shop. Is it possible to do this on gsap?
  14. Good afternoon everyone. Unfortunately, I am unable to implement the animation shown in the video myself. To be honest, I don't know how much it might cost. The project is already in progress and needs to be implemented. Video Link:
  15. Thank you! How can I change the scale? I try, I try) I've been sitting on this problem for 5 hours, trying to understand, but all is unsuccessful. Please, help me... Demo:
  16. In general, the task is to make a circle from the background with the same picture. Perhaps this is easier to solve? Because I also DO NOT need free space under the circle.
  17. This works great, with two points: 1) how can I make the minimum circle size for a picture? 2) at the moment a picture appears from the circle - how can I "unfold" this animation?
  18. https://vadev.ru/sites/philip/ Thanks for the great help! Can you please tell me how to make a transparent background instead of white? And why, for some reason, the site slows down very much Could this be due to animation?
  19. Hello everybody! I am new to GSAP and need help. I found an example of how to turn a picture on the background into a circle, but I need it to be when scrolling. How to implement? With scrolltrigger or no? Before scrolling: http://joxi.ru/ZrJx7vxCnp1pX2 After scrolling: http://joxi.ru/E2p7GQ7hGZBW9m Help with the implementation, please. I can't even think of how to do it.
  20. Which of the effects in the video are there examples? Please tell me) So that I spend the least time on execution. Thank you! Please guide me right away Video:
  21. Good day, colleagues! Can you please tell me how I can collect the little man and remove the arrows when scrolling? Actually, on the left side is a person before assembly, on the right - after assembly. I found many examples, but this functionality is still difficult for me to understand .. I don't think it's difficult, but I need to understand how to do it in order to do it. URL Figma: https://www.figma.com/file/UbJ52AxHgp1u56KGj8QmZS/4-pages-(Copy)-(Copy)?node-id=0%3A1 Man Pic: http://joxi.ru/VrwG5ZGH4G7j1r Please, help me! Thank you. Good day.
  22. This is what happens to me:
  23. Please tell me a similar implementation with functions: 1) it is obligatory to repeat the same word. 2) to be able to change the speed from the data tag. 3) to be able to change direction. 4) so that the line also moves "continuously". Perhaps by changing the code and solution - everything will work fine. All other animation except the creeping line - everything works well on the page. Perhaps the syntax is deprecated?
×
×
  • Create New...