Sign in & Sign up Page with awesome sliding animation using [HTML, CSS & JS]

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ธ.ค. 2024

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

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

    Amazing!! ❤️ Loves From Sri Lanka 👑😍

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

    your code was amazing, i took it and changed a few things and it turned out amazing, you are awesome

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

      I like what you did keep going bro💖

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

      @@karacode can you say me what is your vs code theme?

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

      Night Owl Flat

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

      if you have source code than plz bro upload on github i have some issue

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

    thanks karacode! you just uploded what i wanted... keep making videos

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

    source code is not working

  • @morhat.incode
    @morhat.incode หลายเดือนก่อน

    Hello! I have only one question, where qall this logins/passwords and other data will be stored?

  • @heaven24
    @heaven24 2 หลายเดือนก่อน

    This javascript not working on aspx page under tag

  • @saviourgaming2088
    @saviourgaming2088 10 หลายเดือนก่อน

    If i want to link sign up to sign up part and log in to log in what changes should I make

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

    What a awesome idea

  • @charbelbassil9973
    @charbelbassil9973 7 หลายเดือนก่อน +3

    I did clone the repository unfortunately the java script isn't included and part of the css is missing

    • @ArindamGhosh-w1d
      @ArindamGhosh-w1d 18 วันที่ผ่านมา

      yes he is not even bothered to put this on github

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

    In all honesty I copied every step you did each and everything you did but mine turns out that it's not showing the other one more like the toggle thing isn't working what could be the problem?..im new tp java script so i was just don't what you wrre doing but i still didnt getbghe same out come 😢

    • @nicolecloud_
      @nicolecloud_ 10 หลายเดือนก่อน

      The same thing happened to me too! Managed to solve?

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

    my slide for sign-up isnt wokring copied the full code exactly

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

    Hello brother, I copied the exact code but I am unable to see the overlay panel and sign up page

  • @viniii.1430
    @viniii.1430 8 หลายเดือนก่อน

    hey i write the exact same code as your's but i dont know why in my code the animation is not working its not sliding and the signup art is not showing can you pls help me

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

    ♥️♥️♥️♥️♥️♥️♥️♥️♥️♥️♥️✌🏻

  • @DhananjayBhite
    @DhananjayBhite 4 หลายเดือนก่อน +1

    Bro give full css code plz

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

    where is the link?

  • @RSF02
    @RSF02 8 หลายเดือนก่อน

    Thank you for the tutorial, much appreciated. But is it responsive tho ? please let me know

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

    what is your text editor your using pro?

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

    Can you update your source code bro? thank you

  • @DanielGarcia-ll7vz
    @DanielGarcia-ll7vz 2 ปีที่แล้ว

    What's your VS Code theme?

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

      Night Owl Flat

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

    what is your theme and font??

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

      Night Owl Flat
      fira code

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

    what you doing is really not good, you have a nice video but you refuse to share the code for the css, some of us like to watch the video to see what happens after typing everything but dont like to type everything ourselves

  • @RupareliyaDeepVinodbhai
    @RupareliyaDeepVinodbhai 5 หลายเดือนก่อน

    bro ek booyah

  • @ayamdn-o4j
    @ayamdn-o4j ปีที่แล้ว

    The video is amazing 🤩🤩 u just forgot icons username nd password 😁

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

    Bro, can u make tutorial header navbar with toggle animation? Imma beginner

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

    جامد

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

    I am not able to get the sign in button

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

      Yes me too
      I think is not show the button style i think it cursor as pointer

  • @emantsrifemantsal1436
    @emantsrifemantsal1436 7 หลายเดือนก่อน

    css source code pls!

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

    thanks

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

      My pleasure

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

    How can I get the code?

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

      Follow my github I will upload it soon

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

    fix sliding panel border radius and signup form
    css missing code:
    /* Initial state: only right side rounded */
    .overlay-container {
    border-radius: 0 13px 13px 0;
    transition: transform 0.6s ease-in-out, border-radius 0.6s ease-in-out;
    }
    .right-panel-active .overlay-container {
    transform: translateX(-150%);
    border-radius: 13px 0 0 13px;
    /* Top-left and bottom-left corners */
    }
    .right-panel-active .sign-up-container {
    transform: translateX(66.7%);
    opacity: 1;
    z-index: 5;
    animation: show 0.6s;
    }

  • @sadikmahmud7931
    @sadikmahmud7931 หลายเดือนก่อน +3

    Thanks for wasting my time bro

  • @DProgram-xb9pp
    @DProgram-xb9pp ปีที่แล้ว +1

    This code is almost useless
    Because 1st need to watch for CSS
    Then fix bugs
    Then convert html to jsx
    Then convert JavaScript to react
    Then make it responsive
    इससे अच्छा खुद ही code करना आसान पड़ता

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

    ♥️♥️♥️♥️♥️♥️♥️♥️♥️✌🏻