Making Imaginary Sky Clone Using HTML CSS and JavaScript (In Hindi)

Опубликовано: 25 Июнь 2022
на канале: RSK Code

In this video, we will create an Imaginary Sky Clone Using HTML CSS, and JavaScript. We will add play/pause song functionality on double click using JavaScript.

Source Code: https://replit.com/@rsk2002/Sky-clone

Timeline:
1:32 Writing HTML
5:10 Get SVG of star and Moon from heroicons.com
7:09 CSS for styling stars and moon
10:05 Align stars randomly using JavaScript
23:18 Add stars blink animation using CSS
26:44 Set Moon Position randomly using JavaScript
31:14 Blinking the stars evenly using nth-child() CSS
34:42 Adding play/pause music functionality on double click using JavaScript
48:27 Check Responsiveness
48:54 Outro