Ben Ogle

Ben Ogle

Joined over 7 years ago via an invitation from Matt C.

  • 2 stories
  • 3 comments
  • 4 upvotes
  • Posted to Pageclip: a server for your HTML forms, in reply to Alvaro Ruiz , Oct 06, 2017

    Thanks! It's all CSS keyframe animation, and it's broken up into 3 parts: The site on the left, the pipe, and the site on the right. The three parts are separate, and just look seamless because they match up on timing. You can actually see that when the pink dot hits the pipe, it doesnt always match up with the pipe's pink dot!

    It was a good amount of work actually. It made me realize CSS animations arent very good for animating scenes as each element must be animated separately, and must have a keyframe setup for the entire scene animation duration. e.g. if you just want to have an element move for 1 second, then wait for 3, that has to be encoded into the keyframes.

    0 points
  • Posted to Pageclip: a server for your HTML forms, in reply to Xavier Luyckx , Oct 05, 2017

    Ah, yep, you're right. Thanks! And let me know if you have any questions when you dig in :)

    0 points
  • Posted to Pageclip: a server for your HTML forms, Oct 05, 2017

    Hey all

    0 points
Load more comments