Jump to content


  • Posts

  • Joined

  • Last visited

About jp_uk81

Recent Profile Visitors

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

jp_uk81's Achievements


Newbie (1/14)



  1. Yesss! thank you guys. What a service!
  2. Hi Guys, I've tried to do the same thing but I hit the wall. This is where I'm at and I can't find out what's wrong https://codepen.io/Jp_uk/pen/oVqeLB Thank you
  3. I'm using a led-backlit display with IPS technology (27"). I thought the poor perfomance was code related. If is because of the display then I'll just have to live with it. Thank you!
  4. Hi Guys, the above work well on the codepen but on my site the animation is really jerky, in particular when you click the down arrow to scroll down to the section with the animate V. While the window is scrolling it stops for a moment and then carries on to the bottom. What could cause this? Thank you
  5. Hi Guys, I'm working on an animation that has the same structure as this pen. The effect I'm trying to achieve is Items flowing across the bottom right part of the screen at different speed. I've got 2 questions: 1) I can't understand why at the start of the animation the cats are sitting on the bottom of the container having given them a "top" of 100vh and they don't start from below that container. 2) I'm sure this is not a very performant way to animate this. Is there a better way to do it? Basically I don't care the order of the animations as long as they travel at 45degrees from bottom to the top right of the screen. Animations can occur randomly and they should be continuous. Hope that's clear, Thank you, Jp
  6. That's great! thank you for your help
  7. Hi guys, I'm trying to animate this svg to give the effect as it lifted off the background. In this pen I tried to animate the scale and the drop shadow and the animation is triggered with scrollmagic. I have set the initial drop shadow in the CSS as advised by Dipscom here but the drop shadow doesn't animate. What am I doing wrong? If this effect can't be achieved this way is there another way to approach it? thank you
  8. Hi Guys, I have 4 fullscreen sections on a page (using fullpage.js). I'm trying to animate the background gradient of the body every time users scroll through each section. Animation duration should be tied to the scrollbar position. I have pre-set colors to use for each section that I have put into an array. My idea is to get the id of the section currently in view and pass this into the colorize function to get the corresponding colors for the gradient. I'm stuck here. Thanks in advance