here is a website with animation in headere, how to do this, otherwise I killed 5 hours, but I didn’t come close to a single step
www.creative-knight.com/ here's the screen animated figure

Also there is the first picture of how it goes down, also tell me how to do it?

  • codepen.io/raubaca/pen/VjLbgO - perhaps visually, I think you will succeed? - Nilsan
  • thanks, now I'll take a look - user304926
  • 1) Thank you tell me if you know how to inscape get svg-code to insert html? 2) there when the scrolling background image goes down tell me how to do if you know? - user304926
  • 1) I use programs from adobe - HZ how ink works 2) At the image, transform3d is set by JS when scrolling - Nilsan
  • Thanks, help out !!! (and tell js code when scrolling :))? ) - user304926

1 answer 1

I'll say a terrible vesch ...

If you hover the cursor on the element of interest on the page and click on the right mouse button, a menu opens from where you can poke "inspect" or "see the code" - and in the window that opens you can figure out what it is and how it works.

In your case, this is not a script, but the SVG language - specifically for this purpose and created to draw all sorts of shapes. Sometimes it is more effective to place some character in the form of SVG-code instead of a PNG image, since the number of pixels in a picture is limited ... and SVG has an "infinite" quality - no matter how long you get, it will always be displayed clearly.

It is somewhere there ...

But zadolbatsya copy it from there, although you can try.

But for example, here - - http://www.clker.com/inc/svgedit/svg-editor.html you can draw something and get its SVG-code by clicking on the appropriate button. You can draw in parts the same as on that site, then search for "SVG animation"

  • I know that it’s not just an animation but svg or something like that. I need to find out how it is done in combat conditions - user304926