How to make a 360 degree rotation background-image cropped by the text?

Pruning done using background-clip. It is necessary that the background was rotated at the same time. But by(

https://jsbin.com/radiruxade/edit?html css,output
April 3rd 20 at 17:43
1 answer
April 3rd 20 at 17:45
The animation doesn't work, because the @keyframes is a separate block of rules, and not the property in the selector. Take it an independent unit.
Now to the problem. You will not be able to animate the background (bg image)regardless of the container. The Council, therefore, move the bg-image to the ::before/::after knocking him out and fit in the right place, twist it.
PS.: the first Google link on request: rotate background image css leads to the stack, there is already a solution

Find more questions by tags CSSHTML