17th Jul 2018, 11:08 AM
Sina
Sina - avatar
12 Antworten
+ 3
Delete your code and paste that one: #loading{ width:200px; height:200px; position:fixed; left:100px; top:100px; border-radius:100%; background-color: null; border:10px solid black; border-top:10px solid green; border-left:10px solid red; border-right:10px solid blue; border-bottom:10px solid yellow; margin:20px; animation-name:loading; animation-duration:2s; animation-iteration-count:infinite; transform: null; } @keyframes loading{ 100%{transform:rotate(360deg);} }
17th Jul 2018, 11:20 AM
DANIOALEKSANDro
DANIOALEKSANDro - avatar
17th Jul 2018, 8:39 PM
Sina
Sina - avatar
+ 2
-webkit-animation: spin 1s linear infinite; -moz-animation: spin 2s linear infinite; } @-webkit-keyframes spin { 0% {-webkit-transform:rotate(0deg); } 100%{-webkit-transform:rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% {transform:rotate(360deg);} }
17th Jul 2018, 8:42 PM
DANIOALEKSANDro
DANIOALEKSANDro - avatar
+ 2
paste upper Code after transform:;
17th Jul 2018, 8:44 PM
DANIOALEKSANDro
DANIOALEKSANDro - avatar
+ 2
Good Luck ;)
17th Jul 2018, 8:44 PM
DANIOALEKSANDro
DANIOALEKSANDro - avatar
+ 2
;)
17th Jul 2018, 8:45 PM
DANIOALEKSANDro
DANIOALEKSANDro - avatar
+ 1
What is the problem? It's better than anything I've ever made in CSS... 😂😂
17th Jul 2018, 11:14 AM
Paul Grasser
Paul Grasser - avatar
+ 1
what do you want the code to do that it doesn't do already?
17th Jul 2018, 11:14 AM
hinanawi
hinanawi - avatar
+ 1
Sina What do you mean with "make true"?
17th Jul 2018, 11:15 AM
KrOW
KrOW - avatar
+ 1
Let's see
17th Jul 2018, 8:37 PM
DANIOALEKSANDro
DANIOALEKSANDro - avatar
+ 1
Thansk good wishes
17th Jul 2018, 8:45 PM
Sina
Sina - avatar
0
I want it rotate without any stopping
17th Jul 2018, 8:36 PM
Sina
Sina - avatar