Can you please tell me how to add dots(with equal intervals) in the last layer of the circle(in the middle of the white border). If we add dots to it, when the spinner rotates, it'll have a really nice effect.
Hello there. first of all thanks for this amazing solution. What if we want to have dynamic options? like sometimes 4 options, sometimes may be 10. How can I make it dynamic?
use nth-child() ... I used it to push the $ off the border being the .length of 1000. Here is the code: it moves the $ sign but more important is how nth-child. Lets you isolate the index of anyone of the spans in .number ~so you don't have to add an id to each one in the html~ it saves code ``` .container .wheel .number:nth-child(5) span::before{ content:'$'; position:relative; left:.38rem; letter-spacing:.35rem; font: 500 2rem cursive; } ``` it is targeting the 5th span with value of 1000, change the argument to 4th and select it instead or use javascript to toogle it true/false
@@furkanbrok6216 onlar custom property, yani gelistiricinin kendi belirledigi kurallara sahip kisayollar gibi dusunebilirsin. Genellikle root elementine koyarlar ki her yerde gecerli olsun. clr yi renk icin atamis belli ki mesela.
Then your code is not exact same code, anything IS on wrong place, tipo: try check de code blocks order and code levels, sometimes syntax is okay, but not in correct place
Should create an array of the values. Use a loop to fill in the html. Will make adjusting and editing values a lot easier.
Thanks for the tutorial!
This is the legend of css and js merde
What should I do to be creative like you
what like? go pay patreon bro😁
I can tell but it is probably illegal in your country 😂
Can you please tell me how to add dots(with equal intervals) in the last layer of the circle(in the middle of the white border). If we add dots to it, when the spinner rotates, it'll have a really nice effect.
bro you made very amazing video, it is very helpful and i got that what i am looking for, Thank you so much brother❤❤❤
I love this project keep on the work!
thank you so much bro and love you
how can i make it so it alert the prize i won?
Excellent tutorial, APU!
Sir kese apko itna sab kuch aata hai
Sir you deserve 2 crore package
This is what I have been looking for, thank you sir
Hello there. first of all thanks for this amazing solution.
What if we want to have dynamic options? like sometimes 4 options, sometimes may be 10. How can I make it dynamic?
How can I make 10 slices? What css should I change? Thank you!
Excellent you happy
Nice one Boss. You are too good. from Nigeria
User-select: none;
Today I learn something new...
thankyou so much sir
How to save the value in a variable.
Awesome brother, Also make rubbik's cube
Thanks, this is a really good video
thank you so so so so sooo much 😀😀😀😀😀😀😀😀
How get the output after spin to show congratulations alert
Super
Bro, How to control the result by fetching the result from API first?
How to get the value the spin is pointing?
use nth-child() ... I used it to push the $ off the border being the .length of 1000. Here is the code: it moves the $ sign but more important is how nth-child. Lets you isolate the index of anyone of the spans in .number ~so you don't have to add an id to each one in the html~ it saves code
```
.container .wheel .number:nth-child(5) span::before{
content:'$';
position:relative;
left:.38rem;
letter-spacing:.35rem;
font: 500 2rem cursive;
}
```
it is targeting the 5th span with value of 1000, change the argument to 4th and select it instead or use javascript to toogle it true/false
Insane bro
Let's always do alot of good 🙏🌈
thanks for this amazing code thanks again 🥰
The button should remain disabled until the spinner stops.
Please tell me the name of your code style you have in vsc ?
hey can i learn your vscode theme? it looks quite different.
Hello, I just create my channel, can you support?😊
@@deveren 😃
bu inline css de yazdığı "- -i:1;- -clr:" kod neye yarıyo ?
@@furkanbrok6216 onlar custom property, yani gelistiricinin kendi belirledigi kurallara sahip kisayollar gibi dusunebilirsin. Genellikle root elementine koyarlar ki her yerde gecerli olsun. clr yi renk icin atamis belli ki mesela.
@@deveren teşekkür ederim
muy buen proyecto gracias por compartir
sir your are awesome. can you tell which vs code theme use in this program
Do you have the source code somewhere please
If I need show the result into alert what can I do?
i want to show result number in console how can achieve that
may u can move the spin wheel dragging mouse on it :D
necesitamos saber si es un open source o tiene costo el codigo o saber si tienen una version con api
Nice - ❤
how can you keep track of the total, adding the value after each spin?
Background : var(--clr) is not working with my code
Same For Two Dice How It Work
Add 6 div then ues 3+3 =6
Hii sir
i do same code but my spin not work
Then your code is not exact same code, anything IS on wrong place, tipo: try check de code blocks order and code levels, sometimes syntax is okay, but not in correct place
Help
hola brod necesito que me hagas una ruleta asi y porfabol me mandes el codigo via whatsapp luego me dices cuantos me cobras