Jump to content
Search Community

Catalin R.

Business
  • Posts

    93
  • Joined

  • Last visited

About Catalin R.

Recent Profile Visitors

2,085 profile views

Catalin R.'s Achievements

  1. Hi Cassie, It's not about debugging! You have nothing to debug! I've asked about if exists a way to change the value of end property from "bottom top" to "top top", using a class (.no-effect) put it on body tag with onLeave callback function! When I have class no-effect on body I need the value of property end to be "top top". That's all! Thanks!
  2. Hi Cassie, https://codepen.io/ZenTao/pen/VwGrQLp?editors=0010 https://www.v7.esthetic.stempora.me/ It's impossible to replicate the entire project into a pen. There're a lot of JavaScript code integrated. You will see that if I use once: true, a gap appears upon the first section. I've tried to fix it with css and JavaScript but doesn't work properly. Thanks!
  3. Hi, Into a complex project I need for the first section an effect made with ScrollTrigger plugin. I can't use once method (once: "true") because it's difficult to avoid a jump. I've put a class on body tag using onLeave method and when I have this class I want to change end to be: end: "top top". Is that possible? I want to have this effect (scrub and pin) only once. Thanks!
  4. Hi @Rodrigo, I thank you for your availability! I know that the slider doesn't work if I change the flex direction, and I've tried to make some changes into Loop helper function but it's not so easy, I need more time for that! But I've made something interesting! I linked this slider to a container that contains descriptions for each slide! It works nice! See attachments, please!
  5. Hi @Rodrigo, I need all boxes to be aligned with flex-direction: row-reverse and aligned to right not to center or left. After that, when I click the next arrow all the boxes move to right not to left. Like here: https://codepen.io/ZenTao/pen/VwdKyBp Thanks!
  6. Hello, Is there a nice slider like this with different direction? I need all the boxes to be aligned to right and move to right when a click next arrow. Thanks!
  7. Hello, Is it possible to apply ScrollTrigger.scrollerProxy() on body tag? I've tried to use this: https://codepen.io/GreenSock/pen/oNLqgBm with body tag as a selector for scroller, and it didn't work. Is there any example? Thanks!
  8. Hi, I like this animation very much! Can anyone help me to get, onThrowComplete event, to get a data or to add a class to the current item (that from middle with red title)? Thanks!
  9. Hello, I have a draggable slider where I use draggable and inertia GSAP plugins. I don't know where my mistake is into my code, I can't see all items (last 4) by dragging. The "div's" with class "box" are links inside of a navbar (menu, header), one of them has class "active" and white colored. And, I don't know which gsap method to use when a page is loaded, the item with class "active" to be visible (slider dragged properly)! If anybody has a little time, please help me! Thanks!
  10. Hello, Don't forget about "Aspect Ratio" : https://developer.mozilla.org/en-US/docs/Web/CSS/@media/aspect-ratio https://www.w3schools.com/howto/howto_css_aspect_ratio.asp Sometimes you need to do that!
  11. Thanks, Zach! I forgot about clear props! Quite simple! Thanks again!
  12. Hi, I have a problem with a simple timeline. The widget "Title 03 " has not the same effect when I resized the browser. But, the two those horizontal long lines have the right behavior. What's wrong with that widget "Title 03"? I've made two pens as examples: https://codepen.io/ZenTao/pen/ExKMYBM?editors=0110 and https://codepen.io/ZenTao/pen/oNxVNYj?editors=0010 In the second pen, why the timeline doesn't run again on resize? I'm trying to find the right code for resize. Can anybody help me out, please? Respectfully, Catalin R.
  13. I have some lines of code, actually a timeline with 5 tweens. I don't know how to make a timeline GSAP to work on resize! Should I kill, pause, restart or anything else from great GSAP methods? It's about a simple timeline. Thnaks!
×
×
  • Create New...