Rotate

Question

I want the conjc gradient to rotate not to move. I looked it up and it said i have to make display: inline-block but that didnt work either

https://code.sololearn.com/WQN7xP2awCA4/?ref=app

Answer 1

Put the button inside of the background class div

Not to rotate the background, use @property to animate the conic-gradient variable.

https://code.sololearn.com/WCkdCcIAFoo2/?ref=app

Note that currently @property only work on Chrome and Edge browsers.

Answer 2

I'm not sure this is what you're looking for, but try this:
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
https://techstacker.com/how-to-rotate-images-continuously-with-css-animations/

Answer 3

heres an example of what i want it to be:

https://code.sololearn.com/WDt6vK2R3sad/?ref=app

Answer 4

Okay, lemme see if I got this.

@property custom_name {
syntax (eg: color;)
inherit (false,true)
value from syntax (inital-value: brown)
}

By the way, how much syntax is there in @property because i tried using rotate on the syntax but that didnt work? Can this be used on font-awesome

Answer 5

Calviղ

Answer 6

nvm

Answer 7

Your Mom I'm sorry, I don't really get you, how would you use @property to change font-awesome, and what do you mean by "using rotate on the syntax"?