Glassmorphism Analog Clock using CSS & JavaScript

Поділитися
Вставка
  • Опубліковано 8 лис 2024

КОМЕНТАРІ • 24

  • @CodeWithHossein
    @CodeWithHossein  2 роки тому +4

    Lemme know your thoughts about this one 😊

  • @gouravsingh7063
    @gouravsingh7063 2 роки тому +2

    Great work brother I am beginner in html css and javascript and I am love with your all projects!!!! Keep posted stuff like that!!! God bless you brothee

  • @Airdrop_Industry
    @Airdrop_Industry 2 роки тому +3

    You are A Bangladeshi ❤️

    • @CodeWithHossein
      @CodeWithHossein  2 роки тому +2

      I'm not actually,
      but Bangladeshi people seem to be friendly 😊

  • @stupidcoding
    @stupidcoding 2 роки тому +3

    🙇 Teach me bro

  • @monusingh-jz6er
    @monusingh-jz6er 2 роки тому +1

    So cool 👌❤️

  • @mikooo104
    @mikooo104 2 роки тому +1

    you are awesome , your channel helps me so much in coding

  • @navello228
    @navello228 2 роки тому +1

    much cool!!

  • @videopedia9744
    @videopedia9744 2 роки тому +1

    Great. Which image did you use ?

  • @_g4m3r_
    @_g4m3r_ Рік тому +1

    What's the difference between ".clock .hour" and ".clock .hour .hr" and you call them together for the same properties in CSS?

    • @CodeWithHossein
      @CodeWithHossein  Рік тому +2

      The .hour, .minute, and .second are the areas which clock hands are placed in,
      So the .hr, .min, and .sec are clock hands shown by styling their before element, right?!
      Now the question is why did I consider same width & height for both!? Because I wanted the hands to be fixed in the middle of the clock, not in the air. It works like this and to understand it better, you can remove properties for .hr, .min, and .sec and see what happens 😁

    • @_g4m3r_
      @_g4m3r_ Рік тому +1

      @@CodeWithHossein Hmm still struggling to get it. I'll try it myself and remove the ".hr" class to see what will happen. I was thinking we don't need both for the same properties since the div is already called with ".hour"
      Thanks for the reply and nice elegant clock btw. 😊

  • @mimicico9502
    @mimicico9502 2 роки тому +2

    Good job

  • @arshilhapani6947
    @arshilhapani6947 2 роки тому +2

    Nice inspiration bro
    I have just one doubt that how ::before selector work in css ?!

  • @TheCure1.
    @TheCure1. Рік тому

    How to update it to the real time? Synchronizing with the Actual time?

  • @shiido2.050
    @shiido2.050 2 роки тому +1

    Have you a website on the web ?

  • @arifdhali8235
    @arifdhali8235 2 роки тому +1

    When will you upload with voice because we are beginners

  • @MandipChhetri
    @MandipChhetri 2 роки тому +1

    Do you have your own website😁

  • @abhishekkatariya8559
    @abhishekkatariya8559 2 роки тому +1

    How can I contact you ?

  • @dawoodturbo8865
    @dawoodturbo8865 2 роки тому +1

    Sir please give me clock image link

  • @riteshranjansahoo
    @riteshranjansahoo 2 роки тому +1

    Wo Side Mai Jo Google Ka Hai Whi Open Nhi Ho Rha
    Wo Step Aap Batao Kessey Kiya , Samajh Hi Nhi Aa Rha