Loading Page With SVG Animation Using CSS & GSAP

Поділитися
Вставка
  • Опубліковано 23 жов 2022
  • Source Code:
    github.com/NoraX1/loading-page

КОМЕНТАРІ • 37

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

    Great work ! Thanks for sharing

  • @Zoherrangwala
    @Zoherrangwala 6 місяців тому +2

    Bro your ui designs are so gooooood

  • @GagandeepSingh-ly1ct
    @GagandeepSingh-ly1ct 26 днів тому

    you are providing high quality content bro!

  • @salemf9384
    @salemf9384 6 місяців тому

    Professional

  • @quanngang653
    @quanngang653 Рік тому

    its work, thank a lot

  • @tanverislamtonmoy
    @tanverislamtonmoy Рік тому

    Nice🥰

  • @diosninja8507
    @diosninja8507 3 місяці тому

    Wow ❤❤

  • @ROCKOdeveloper
    @ROCKOdeveloper Рік тому

    thanks you

  • @Gojo-edits230
    @Gojo-edits230 3 місяці тому

    Great work. Just subscribed your channel. Thanks.

    • @NULLX10
      @NULLX10  3 місяці тому +1

      Thank you!

  • @EsotericArnold
    @EsotericArnold 3 місяці тому

    But this was really clutch.

  • @nagarathana5906
    @nagarathana5906 Рік тому

    👍🙏👏

  • @user-ij9is9lt5x
    @user-ij9is9lt5x 11 місяців тому

    How can i do it by next js ??

  • @naylord5
    @naylord5 3 місяці тому

    Sweet baby Jesus man you missed the NSFW tag in here, this is too sexy 🔥🔥🔥
    Keep them comming mate! Your work is amazing! Thank you so much for sharing

  • @abdullahaljubayer1729
    @abdullahaljubayer1729 6 місяців тому

    can the same animation on a custom svg file plz i need can you give video

  • @AnimeVRG
    @AnimeVRG 23 дні тому +1

    Bro I facing a problem with this code when I add this into my project navbar is showing with this animation pls tell me solution

    • @NULLX10
      @NULLX10  22 дні тому

      make sure to add z-index to your loading page with higher value than z-index of navbar

  • @ahmadhussain6530
    @ahmadhussain6530 8 місяців тому +1

    3:28

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

    hey bro i want to learn

  • @user-nj6dh2ck2y
    @user-nj6dh2ck2y Рік тому

    Забрал в портфолио)

  • @MAA-op4gw
    @MAA-op4gw 4 місяці тому

    Great video, Can you help me find an 'A' logo the resembles the one you used.
    Thank you in advance : )

    • @NULLX10
      @NULLX10  4 місяці тому

      not sure but maybe you find it in www.flaticon.com/

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

    hey bro, when i use this loading page svg, the a tag is not working, can you check it ?

    • @NULLX10
      @NULLX10  Рік тому

      do you mean when you use it inside the a tag? it work fine with me

    • @quanngang653
      @quanngang653 Рік тому

      @@NULLX10 the loading svg doesn't go away after a few seconds, it takes over the screen and I can't interact with it

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

      @@quanngang653 oh I see now what u mean. That's because I just make the opacity of the loading element 0 but it still there, u can simply add display:"none" after opacity:0.. I should add it in the video but I forgot...

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

    bro can you give the source code link??

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

      I add it to the description

  • @vrajupadhyay
    @vrajupadhyay 2 місяці тому

    here any V or VU name of SVG ? bcz I cannot found this for V or VU can you find for me this 2 letter

    • @NULLX10
      @NULLX10  2 місяці тому

      you can easily open figma and write what ever you want then choose copy as SVG to get svg code

  • @rabeaakther1119
    @rabeaakther1119 7 місяців тому

    Give me I want to learn

  • @gokulraja2250
    @gokulraja2250 Місяць тому

    I want 'G' here, help me

    • @NULLX10
      @NULLX10  Місяць тому +1

      use figma to write whatever letter you want.. here I show you how ua-cam.com/users/shortsbyiAn53AQYs

    • @gokulraja2250
      @gokulraja2250 Місяць тому

      @@NULLX10 Thank you 👋

  • @Zoherrangwala
    @Zoherrangwala 6 місяців тому

    Hates off 🙋‍♂️

  • @1Chitus
    @1Chitus Рік тому +2