rotate svg | SoloLearn: Learn to code for FREE!

+7

rotate svg

How can I rotate SL Icon after 12 seconds? Effect like loader would be nice https://code.sololearn.com/Wvi40hZy1Ki2/?ref=app

9/20/2020 10:52:29 AM

Frogged

4 Answers

New Answer

+5

this might help... https://code.sololearn.com/W1bkWwPJ1n8A/?ref=app

+4

RKK yeah JOY is great. I must find the rotation point.

+2

I don't know but might be helpful: https://www.w3schools.com/howto/howto_css_loader.asp https://stackoverflow.com/questions/50908477/countdown-timer-loader-animation/50909197

+1

Wrap the <g id='s' > with another group like this <g id='spin' > <g id='s' > your paths </g> </g> Then in the css apply this #spin{ position:relative; transform-origin: center; transform-box: fill-box; animation: spin 5s 12s ease 3; }