Responsive Analog Clock Ui Design Using HTML CSS & JavaScript ⏰ | Light & Dark Theme

Published: 10 July 2021
on channel: Bedimcode
34,529
1.5k

Responsive Analog Clock Ui Design Using HTML CSS & JavaScript ⏰ | Light & Dark Theme

📁 Assets
Icons: https://boxicons.com/
Fonts: https://fonts.google.com/

⚙️ Other Utilities

HSL color mode
https://www.w3schools.com/colors/colo...

⤵️ Source code
https://github.com/bedimcode/responsi...

🔔 Subscribe for more!
https://www.youtube.com/c/Bedimcode?s...

⏱ Timestamps
0:00 Intro
1:21 Project setup
3:09 Variables Css
5:48 Reset Html
6:26 Reusable Css
6:48 Clock Neumorphism Html
8:52 Clock Neumorphism Css
16:36 Clock Neumorphism Js
19:33 Clock & Date Text Html
20:44 Clock & Date Text Css
22:13 Clock Text Js
27:30 Date Text Js
29:00 Light & Dark Theme
35:13 Media queries
36:11 Clock Change Color

⤵️ Follow me
Instagram:   / bedimcode  
Facebook:   / bedimcode  

☕️ Support me, buy me a coffee
https://www.buymeacoffee.com/bedimcode

👍 Thanks for watching!
Make sure to like + Subscribe For More! ❤

🎵 Music
Song: Vendredi - Good Love
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution 3.0 Unported
Video Link:    • Video  

Song: AERØHEAD - Leaving
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution-ShareAlike 3.0 Unported
Video Link:    • AERØHEAD - Leaving (Vlog No Copyright...  

#responsiveclock #clockhtmlcss #bedimcode


Watch video Responsive Analog Clock Ui Design Using HTML CSS & JavaScript ⏰ | Light & Dark Theme online, duration hours minute second in high quality that is uploaded to the channel Bedimcode 10 July 2021. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 34,529 times and liked it 1.5 thousand visitors.