Roll Dice Project using CSS & JavaScript

Published: 05 September 2022
on channel: CODE WITH HOSSEIN

12,422

Hey guys 😁 We have an unbelievable JavaScript tutorial again. I have to say that CSS is also used a lot in this Roll Dice Project and by watching this video, you finally learn how CSS 3D design and Neu Morphism work. Don't forget to give a thumbs up and subscribe to my channel for more unseen videos 😎

📂 Assets
Font: https://fonts.google.com/

🔗 Source code
https://github.com/hosseinnabi-ir/Rol...

🔔 Subscribe Now!
   / @codewithhossein

⏱ Timestamps
00:00 What are we gonna design ?!
00:42 Dice elements
01:04 General Styles
01:38 Dice styles
09:26 Adding Roll Button
09:51 Container styles
10:35 Roll Button styles
11:41 Rolling Animation
12:28 Starting JavaScript
12:51 Making Random Dice
13:45 Rolling the dice
15:52 Making it go smooth
16:18 Final Result

🎵 Music
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: BEAUZ & JVNA - Crazy [NCS Release]
Music provided by NoCopyrightSounds.
Watch:    • BEAUZ & JVNA - Crazy | Electronic Pop...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Song: Levianth & Axol - Remember (feat. The Tech Thieves)
Music provided by NoCopyrightSounds
Free Download/Stream: http://ncs.io/remember
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Jordan Schor & Harley Bird - Home
Music provided by NoCopyrightSounds.
Watch:    • Jordan Schor & Harley Bird - Home  | ...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Lost Sky - Where We Started (feat. Jex)
Music provided by NoCopyrightSounds.
Watch:    • Lost Sky - Where We Started (feat. Je...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Thanks for watching, I appreciate it 🙏
Made with 💗 by Hossein

On this page of the site you can watch the video online Roll Dice Project using CSS & JavaScript with a duration of hours minute second in good quality, which was uploaded by the user CODE WITH HOSSEIN 05 September 2022, share the link with friends and acquaintances, this video has already been watched 12,422 times on youtube and it was liked by like viewers. Enjoy your viewing!

1,328