Color Changing Shiny Loader using HTML & CSS

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 ม.ค. 2025

ความคิดเห็น • 35

  • @CodingNepal
    @CodingNepal  5 ปีที่แล้ว +7

    Image Sidingshow Animation
    th-cam.com/video/f__ykT47lBQ/w-d-xo.html

  • @arvindkathare13
    @arvindkathare13 3 ปีที่แล้ว +2

    Intresting...very interesting..🤓👍🏻

  • @codehal
    @codehal 2 ปีที่แล้ว +3

    Very Beautiful😍

    • @bryantony9836
      @bryantony9836 ปีที่แล้ว

      Hey man,
      Funny finding you here.
      And I enjoy your video and build along some of them.👍🏼

    • @codehal
      @codehal ปีที่แล้ว

      @@bryantony9836 Awesome, glad you like it 💚

  • @MUAHMMADUAMRKHASKHELI
    @MUAHMMADUAMRKHASKHELI ปีที่แล้ว

    love you bro you solve my problem😍😇😇😇😇🥰🥰🥰🥰🥰

  • @thanigaivelan8394
    @thanigaivelan8394 5 ปีที่แล้ว +2

    It's awesome dude.....

  • @huytrankhac8729
    @huytrankhac8729 3 ปีที่แล้ว +2

    Beautiful

  • @alfanur_rizal
    @alfanur_rizal 2 ปีที่แล้ว +1

    Awesome🔥

  • @amrendrasingh6109
    @amrendrasingh6109 2 ปีที่แล้ว +1

    Thank you so much sir ❤❤

  • @user-iu6uc4vu4o
    @user-iu6uc4vu4o 5 ปีที่แล้ว +1

    Cool 😍

    • @CodingNepal
      @CodingNepal  5 ปีที่แล้ว

      Thank you..keep supporting :)

  • @domdom2880
    @domdom2880 2 ปีที่แล้ว

    Nice job

  • @hamimh4485
    @hamimh4485 5 ปีที่แล้ว +1

    love u bro

    • @CodingNepal
      @CodingNepal  5 ปีที่แล้ว

      Luv uh too bro..Keep supporting :)

  • @syediqbalahmed3176
    @syediqbalahmed3176 5 ปีที่แล้ว +1

    good ...

  • @cambridgesolutions3616
    @cambridgesolutions3616 2 ปีที่แล้ว +3

    Please 🥺 help us on how to set the timeout of a preloader

  • @mahdi_c200
    @mahdi_c200 2 ปีที่แล้ว

    its awesome

  • @djuka8121
    @djuka8121 2 ปีที่แล้ว +1

    Why do you use :before on ring?

  • @warlordxone0778
    @warlordxone0778 ปีที่แล้ว

    There is problem with this project. The preloader not visible in whole website. Due to background color is not set in the body tag.. if I add background in the body tag it not working... help me bro

  • @Meltdown_Gaming
    @Meltdown_Gaming 2 ปีที่แล้ว +2

    Thanks! Is it okay if I use this for my projects?

  • @dastagirsama7708
    @dastagirsama7708 3 ปีที่แล้ว +1

    how to make it disappear after the page loads?

    • @codein7764
      @codein7764 3 ปีที่แล้ว +1

      const loader = document.querySelector('.center'); // center the parent name as you see it in the tuto
      window.addEventListener('load', () =>{ // add the load event
      loader.classList.add('end-loader'); // create a class loader with css and add it
      })
      Exemple :
      .end-loader {
      opacity:0 ; /* make the loader disappeared after the page have been loading */
      transition: .2s ease-in-out; /* and some transtion*/
      }

    • @addiis_
      @addiis_ 2 ปีที่แล้ว

      @@codein7764 hi, but there is an empty space left by the loader

  • @god-of-creation6040
    @god-of-creation6040 2 ปีที่แล้ว

    thanks a lot man can i please get your permission to use some of this for my website project

    • @god-of-creation6040
      @god-of-creation6040 2 ปีที่แล้ว

      it has to do with school hence i was told by my teacher that i must ask first before using anything from someone else

  • @aaliyaanRBX
    @aaliyaanRBX ปีที่แล้ว

    it always works on html ngl

  • @anitatanti8636
    @anitatanti8636 6 หลายเดือนก่อน

    99%working left 1% my fault

  • @aaliyaanRBX
    @aaliyaanRBX ปีที่แล้ว

    ENOUGH OF CSS I'M GONNA REPORT ALL OF YOU

  • @bigfatcrab
    @bigfatcrab 4 ปีที่แล้ว +2

    Do you have any social media account where I can reach and talk to you

    • @CodingNepal
      @CodingNepal  4 ปีที่แล้ว

      Yes...Facebook page - facebook.com/coding.np