How is this animation done?

HTML & CSS
1

Can anyone figure out how the animation on https://gowebsmarty.com/portfolio/ is done? I tried the following:

  • Disable Javascript (uBlock Origin has that option). No effect at all. It keeps ‘spinning’.
  • Right-click the element, download the figure (strangly enough called dowload.png), load that in a bare-bones example, and animate it with CSS. I can rotate it around its three axes, but that doesn’t even come close to the animation on the above website.
  • Look for CSS with Inspector, but the canvas element and its parent do not have any relevant CSS.
2

Do you mean the animation in the header?

That’s using particles.js

1 Like
3

That’s indeed it!

I retested it with Javascript disabled, using another add-on. And lo and behold: no more animation. So, uBlock Origin has a big bug.

Thanks very much, James. :smiling_face:

5

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.