Jump to content
Search Community

Mantvydas

Members
  • Posts

    24
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

Mantvydas's Achievements

12

Reputation

  1. Hey @Jonathan, Thank You for Your answer. This is what I needed to know
  2. Hey @PointC, Thanks for response. You intrigue me with Your answer because most of the times animation is sluggish the first time. I am not using timeline, I am using separate tweets. How I can use this progress without timeline? Thanks
  3. Hello guys, I was wondering when animating an element, better performance would be animating absolute positioned element or doesn't matter? Now I am working on one animation where I use basic animation on x: TweenMax.to(['#element1', '#element2'], .7, {x:350}); These 2 elements has basic positioned, its not absolute or anything. But sometimes animation is really sluggish..
  4. Not the answer I was looking for but thanks for trying to help
  5. Dear GreenSockers, I have been making button animation for mobile navigation. Looks everything nice, but sometimes when you don't wait until animation end and you press button again, animation breaks and in the end I have this (see image). What I am doing wrong here?
  6. Sure Visual-Q, here you go. Actualy nothing helped to me so I finally found my own small hack. To parent div I added: border:1px solid black; And for children (door) I added 1px extra to the height and 2px extra to the width and also I set left to -1px. And voilà! Its worked for me, no more those ugly outlines
  7. It really smoothed things up on Mozilla. Thanks Craig!
  8. Yesterday when I removed 'transition: all 1s ease;' and animate it with GSAP, these outline 'ghost pixles' gone, but there is one last problem with that door animation. When I open the door on Mozilla, top and bottom lines get pixelated, not smooth at all while on all other browsers these top and bottom lines of the door are much more smoother.
  9. Was thinking the same. Thank you for spending your time just to help me out. I really appreciate it You said "I've seen it before on other '3d' objects in chrome where items need to line up perfectly". What you mean by saying items need to line up perfectly? Line up with what? Sorry for asking these kind of questions, I am still kind of beginner in coding.
  10. Hmm, when I removed 'transition: all 1s ease;', ofc there is no more animation, but lines are gone!
  11. Here You can see these lines. Sorry Jack, I just tried to add GSAP on main code, didnt add to codepen. And with border still the same. Can it be that only on my pc these lines appearing? How I can make same action using GSAP? Or for such animation there is no need to use GSAP?
  12. On Chrome and Opera after animating (opening) div (door) lines around that div appears. Tried adding translateZ(0), but then even worse - lines appears after page loads, you don't even need to animate.. On Mozilla and Edge seems fine. Can GSAP fix this issue? I tried adding something like this on hover event: TweenMax.to(".door", 2,{rotationY:13, transformPerspective:300, transformStyle:"preserve-3d",repeat:1, yoyo:true}}); but doesnt work at all.. Thanks, Mantvydas
  13. And I thought that $(window).on('mousemove.parallax', function(event) { TweenMax.to(layer_1, 2, { x: left / 90, ease:Expo.easeOut,overwrite: 'all'}) ... }); is GSAP parallax event. Im still green on GreenSock. How to use GSAP mouse parallax?
×
×
  • Create New...