How to make a motion picture effect?

Question

css

Tell me, please, how to make such an animation effect of a picture as here romankozhiev.ru ? Are there ready-made solutions?

Answer 1

codepen.io/GreatRash/pen/VeREve
Of course, I only checked the mega-perversion in Chrome, but it seems to work in all modern browsers.

Answer 2

make the button a background image with transparency.

Answer 3

Draw in Photoshop.

Answer 4

If only CSS, then nothing comes to mind, except for the ability to cut the button using clip-path, but through polygon, as far as I know, you can’t select the circle perfectly. If you do not plan to change the image, then you can draw a button through Photoshop, but the method seems to be so-so.

Answer 5

make the left and right parts a sprite and set to a rectangular area on the sides

Answer 6

if only like this...
codepen.io/anon/pen/PZLKBG
how to achieve transparency xs(
But on a white (or other background) it looks fine)

Answer 7

Just copied code from that site.

Answer 8

Regular CSS Animation
jsfiddle.net/5pVr4/4

Answer 9

How to remove scrollbars? they always appear to not do