Jump to content

Search In
  • More options...
Find results that contain...
Find results in...


  • Content Count

  • Joined

  • Last visited

Community Reputation

0 Newbie

About Manojkr

  • Rank
  1. Thanks again for the reply, But I have written a set of keyframes, I want the end users to use Timelinemax to just use the keyframes instead of writing their own code. I am using this on a chessboard, So let's say the keyframes are: move-up-1, move-left-2, move-right-2 In your example, it will be helpful only to me as a developer and not the end user as he will need to find the coordinate position which should not be the case. Again mentioning, something like: timelinemax.to { move-up-1, delay1, move-left-2, delay2, move-right-2, delay3 } Since CSS cannot sequence the animations, I will h
  2. Thanks Carl, I did see the Timeline feature before posting this question. I just need to know how integrate @keyframes instead of specifying the dimensions as you have done in the Codepen example. In my question I have attached the JSfiddle, is it possible to integrate those keyframes inside the timeline code?
  3. I am trying to integrate CSS animation with GSAP. @keyframes animation1 { from { transform: translateX(0); } to { transform: translateX(30px); } } @keyframes animation2 { from { transform: translateY(0); } to { transform: translateY(30px); } } @keyframes animation3 { from { transform: translateY(0); } to { transform: translateY(50px); } } Above code can be achieved directly through Tweenmax, but what I need is to integrate the animation keyframes with the Tweenmax methods. In CSS, the animation3 will overwrite the translate() of animation1 and animation2 which is und