With the help of which you can implement this effect?

Link

With the help of which you can implement this effect on a motorcycle? SVG?
June 3rd 19 at 19:33
3 answers
June 3rd 19 at 19:35
Solution
The zoom in / out effect elementary transform:scale
with tabs like all too simple, the same transform:translateX
The picture of the bike sawing into two parts. Backing puts a one-piece, top-front exactly half of it in photoshop smoothly cut the left edge. Between them stick the svg graph. Animation of the schedule is quite simple - transform:scaleY

So, spread the animation into components, we see that the most difficult thing there is to work in photoshop with the bike (well for me at least) =)
Something like that)
Really unexpectedly simple and easy realization, I immediately started thinking about svg and similar) Thank you.

And the effect of the strokes and the white stripes on the wheel how best to implement - outline svg and svg in the same strip with the animation? - jennifer commented on June 3rd 19 at 19:38
June 3rd 19 at 19:37
Solution
Canvas or SVG
June 3rd 19 at 19:39
A normal gif file with animation

ar_showroom_2.gif
Of course, it's the IOC, not the implementation - jennifer commented on June 3rd 19 at 19:42
And why not?
About interactivity that no one asked for =) - Viola.Gulgows commented on June 3rd 19 at 19:45

Find more questions by tags CSS