Muhammad Aryan Ali

Пікірлер

@AshiqHussain-tm3bx Ай бұрын

Great work ariyan keep it up

@KennethAlexandersson 2 ай бұрын

Why? CentOS7 is out of support already....

@MhuhammadAryanAli 2 ай бұрын

CDN:=========================================================== <script src="code.jquery.com/jquery-3.6.0.min.js"></script> <script src="code.jquery.com/ui/1.13.2/jquery-ui.min.js"></script>

@MhuhammadAryanAli 2 ай бұрын

CDN:=========================================================== <script src="code.jquery.com/jquery-3.6.0.min.js"></script> <script src="code.jquery.com/ui/1.13.2/jquery-ui.min.js"></script>

@daaria-169 2 ай бұрын

Congratulations For 200+ subscribers 🎉🎉

@Facts_Untold__7 2 ай бұрын

Bro tip class one day you become to successful

@MhuhammadAryanAli 2 ай бұрын

Thank you

@MhuhammadAryanAli 2 ай бұрын

CODE =========================================================== <!DOCTYPE html> <html> <head> <title>DOM Example: Rotating and Color-Changing Squares</title> <style> body { display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #333; margin: 0; } .container { position: relative; width: 200px; height: 200px; } .square { width: 50px; height: 50px; background-color: red; position: absolute; top: 50%; left: 50%; transform-origin: center; } </style> </head> <body> <div class="container"> <div class="square" id="square1"></div> <div class="square" id="square2"></div> <div class="square" id="square3"></div> <div class="square" id="square4"></div> </div> <button id="startAnimationButton">Start Animation</button> <script> document.getElementById('startAnimationButton').addEventListener('click', () => { const squares = document.querySelectorAll('.square'); const colors = ['red', 'blue', 'green', 'yellow']; let angle = 0; squares.forEach((square, index) => { square.style.transform = `rotate(${angle + (index * 90)}deg) translate(100px) rotate(-${angle + (index * 90)}deg)`; square.style.backgroundColor = colors[index]; }); const id = setInterval(frame, 100); function frame() { angle += 5; squares.forEach((square, index) => { square.style.transform = `rotate(${angle + (index * 90)}deg) translate(100px) rotate(-${angle + (index * 90)}deg)`; square.style.backgroundColor = colors[(index + Math.floor(angle / 90)) % colors.length]; }); if (angle >= 360) { clearInterval(id); } } }); </script> </body> </html> ==================================================================

@MhuhammadAryanAli 2 ай бұрын

CODE =============================================== <!DOCTYPE html> <html> <head> <title>DOM Example: Growing Circle Animation</title> <style> #circle { width: 50px; height: 50px; background-color: blue; border-radius: 50%; position: absolute; top: 100px; left: 100px; } </style> </head> <body> <div id="circle"></div> <button id="startAnimationButton">Start Animation</button> <script> document.getElementById('startAnimationButton').addEventListener('click', () => { const circle = document.getElementById('circle'); let size = 50; const id = setInterval(frame, 10); function frame() { if (size >= 200) { clearInterval(id); } else { size++; circle.style.width = size + 'px'; circle.style.height = size + 'px'; } } }); </script> </body> </html> =================================================================

@daaria-169 3 ай бұрын

Nice

@WORLDOFCREATIVITY-r9z 3 ай бұрын

Thankyou😊

@MhuhammadAryanAli 3 ай бұрын

Welcome 😊

@WORLDOFCREATIVITY-r9z 3 ай бұрын

Outclass🎉

@MhuhammadAryanAli 3 ай бұрын

Thanks

@WORLDOFCREATIVITY-r9z 3 ай бұрын

Great thumbnail

@MhuhammadAryanAli 3 ай бұрын

Thanks 😁

@WORLDOFCREATIVITY-r9z 3 ай бұрын

Cool

@MaryamAliZainab 3 ай бұрын

😮😮😮😮😮😮

@WORLDOFCREATIVITY-r9z 3 ай бұрын

Very good ❤

@MhuhammadAryanAli 3 ай бұрын

Thanks 😄

@MaryamAliZainab 3 ай бұрын

🎉🎉🎉🎉🎉🎉

@MaryamAliZainab 3 ай бұрын

Amazing

@MaryamAliZainab 3 ай бұрын

🎉🎉🎉🎉🎉🎉🎉

@MaryamAliZainab 3 ай бұрын

🎉🎉🎉🎉

@MaryamAliZainab 3 ай бұрын

Great video

@MaryamAliZainab 3 ай бұрын

Wonder full

@MaryamAliZainab 3 ай бұрын

MashaAllah

@MaryamAliZainab 3 ай бұрын

MashaAllah

@muhammadalirazajohertown1512 3 ай бұрын

😵😵😵😵😵

@daaria-169 3 ай бұрын

👏

@wadiibounenni4848 3 ай бұрын

Continue bro❤

@MhuhammadAryanAli 3 ай бұрын

Thanks

@vinukanth 3 ай бұрын

when i was your age, i never know coding existed. but man you are publishing video on coding. Great work dude, you will reach greater heights

@MhuhammadAryanAli 3 ай бұрын

Thank you bro

@gundoststudio 7 ай бұрын

v good

@gundoststudio 7 ай бұрын

v good

@MuhammadRasheed. 8 ай бұрын

MASHALLAH ❤️❤️❤️

@hassanmehdi3307 9 ай бұрын

Good dear aryan❤

@MhuhammadAryanAli 3 ай бұрын

Thanks 😊

@harkala123 9 ай бұрын

Nice.

@MhuhammadAryanAli 3 ай бұрын

Thanks!

@daaria-169 9 ай бұрын

Good 😊

@MhuhammadAryanAli 3 ай бұрын

Thanks 😊

@daaria-169 3 ай бұрын

@@MhuhammadAryanAli Welcome 😊

@daaria-169 9 ай бұрын

V.Good Aryan😊

@MhuhammadAryanAli 3 ай бұрын

Thanks 😊

@daaria-169 3 ай бұрын

@@MhuhammadAryanAli 🥰🥰

@prof.syedrizwanabbas 9 ай бұрын

Best❤

@Dr.SyedRizwanAbbas-l6o 9 ай бұрын

Blessings my Son

@daaria-169 9 ай бұрын

Good😊

@MhuhammadAryanAli 3 ай бұрын

Thank you! 😃

@daaria-169 3 ай бұрын

@@MhuhammadAryanAli Mention Not 🥰

@hassanmehdi3307 9 ай бұрын

It's amazing ...Keep Going aryan❤

@MhuhammadAryanAli 9 ай бұрын

Thank you Sir.

@prof.syedrizwanabbas 10 ай бұрын

My sweet Son. Good luck ❤

@musaeebzahir5528 10 ай бұрын

where are you from??

@musaeebzahir5528 10 ай бұрын

Mashallah bht khub Please improve your thumnail for more views

@MhuhammadAryanAli 10 ай бұрын

I am from Gilgit, Pakistan and thank you for suggestion.

@OwnMuhammadOwn-tk1rk 10 ай бұрын

😮❤❤❤❤❤

@AliHadi-ww1bu 10 ай бұрын

❤❤❤❤❤

@MuhammadRasheed. 10 ай бұрын

MASHALLAH ❤️❤️❤️

@MhuhammadAryanAli 10 ай бұрын

Thanks

@Fr-7233 10 ай бұрын

Good😊

@MhuhammadAryanAli 10 ай бұрын

Thank you

@Fr-7233 10 ай бұрын

@@MhuhammadAryanAli you're Welcome 🥰

@Fr-7233 10 ай бұрын

Good job❤❤ Your teaching method is very best🥰

@MhuhammadAryanAli 10 ай бұрын

Thank you

@Fr-7233 10 ай бұрын

@@MhuhammadAryanAli You're Welcome🥰

Ең жақсы KZbin

Пікірлер