Это видео недоступно.
Сожалеем об этом.

Awesome Input Animation using HTML & CSS | CodingNepal

Поделиться
HTML-код
  • Опубликовано: 1 июл 2020
  • Awesome Input Animation using HTML & CSS | CodingNepal
    Download Codes From Here - www.codingnepa...
    Second Channel - bit.ly/3aHNkru
    My Code Editor - • Best Text Editor for H...
    Facebook - / coding.np
    Instagram - / coding.np
    Music Credit:
    Track: BEAUZ & JVNA - Crazy [NCS Release]
    Music provided by NoCopyrightSounds.
    ➤ Watch: • BEAUZ & JVNA - Crazy |...
    Track: Lost Sky - Dreams pt. II (feat. Sara Skinner) [NCS Release]
    Music provided by NoCopyrightSounds.
    ➤ Watch: • Lost Sky - Dreams pt. ...

Комментарии • 102

  • @CodingNepal
    @CodingNepal  4 года назад +8

    Popup Login Form in HTML & CSS - ruclips.net/video/3vVUXnhSc7w/видео.html

    • @user-dh2mk1pb6k
      @user-dh2mk1pb6k 4 месяца назад

      why did you use :before to make underline animation instead of just use div?

  • @FastOnlineTutorials
    @FastOnlineTutorials 4 года назад +10

    I did not wait too long, the video came, thanks 😊

  • @ishu470
    @ishu470 2 года назад +1

    you are amazing. thax a lot. love from India

  • @zenalfalah5319
    @zenalfalah5319 3 года назад +2

    Hello world, I am from Indonesia

  • @codewithaaryan3489
    @codewithaaryan3489 4 года назад +2

    Your color combination is good in all videos

  • @andresfelipemezamendez1194
    @andresfelipemezamendez1194 4 года назад +2

    Thanks Bro, amazing all your videos

  • @buggy6129
    @buggy6129 2 года назад

    Simsime pani aarko video babal dami

  • @vaibhavmatere18
    @vaibhavmatere18 2 года назад +1

    So helpful, thanks man !

  • @user-dh2mk1pb6k
    @user-dh2mk1pb6k 4 месяца назад

    @CodingNepal why did you use :before to make underline animation instead of just use div?

  • @CodeWithYubraj
    @CodeWithYubraj 4 года назад +1

    Subbed to your channel. La hai ta bro, congrat, hamra Nepal kai daju bhai le ni YT tutorial channel maa ramro gareko dekhda khusi laagyo.

    • @CodingNepal
      @CodingNepal  4 года назад

      La thank you hai tw bro.

    • @CodeWithYubraj
      @CodeWithYubraj 4 года назад +1

      @@CodingNepal Welcome, man. Mero ni yestai tutorial channel nai ho, haha. Milcha vane, let's get connected on social media, bro, personally.

    • @CodingNepal
      @CodingNepal  4 года назад

      Instagram ko link description ma xw bro.

  • @adityathota8855
    @adityathota8855 4 года назад +2

    Cool 👍

  • @islamiclife-ideallife
    @islamiclife-ideallife 3 месяца назад

    Fine but
    need to write code one after another gradually
    not overtaking or lapsing or rewriting going back .....

  • @RAHULROY-sb9nt
    @RAHULROY-sb9nt 3 года назад +1

    I gonna use in my project😄😄

  • @tanjilrahman2605
    @tanjilrahman2605 4 года назад +2

    Tnx broo💜.Need mega menu tutorial pls......

  • @mdmojammelhossen8030
    @mdmojammelhossen8030 4 года назад +3

    sir.thanks for help all..sir.I have a request.Can you make a video how to we use map in our website...plz make a video about this topic..I always be with you.. thanks

  • @Hangoutapp
    @Hangoutapp 3 года назад +1

    Thanks

  • @anandsullad6437
    @anandsullad6437 3 года назад

    whats Pseudo-classes should I need to use for an email addresses?
    bcz if I use valid it only selects only when there is @. But i want to select when there is text but the type should be email. please help

  • @Pflaumenpflucker
    @Pflaumenpflucker 2 года назад

    Thanks for your great work!!!

  • @itachi-senpaii
    @itachi-senpaii 3 года назад +1

    thanks a lot sir

  • @alfanur_rizal
    @alfanur_rizal Год назад

    Beautiful🔥

  • @hariharanm4432
    @hariharanm4432 Год назад

    thanks

  • @davidjurek3043
    @davidjurek3043 Год назад

    Awesome!

  • @javadh5360
    @javadh5360 2 года назад

    Perfect 🔥

  • @justinlu5730
    @justinlu5730 3 года назад

    nice tutorial

  • @olivermarcos7007
    @olivermarcos7007 3 года назад +1

    nice tutorial man!

  • @vineethemmanuel2967
    @vineethemmanuel2967 3 года назад

    Its Awesome

  • @cartasdosaber
    @cartasdosaber Год назад

    Thank you so much!

  • @Ismail-sir
    @Ismail-sir 2 года назад

    Very nice but can i ask?
    Which editor you use?

  • @mathew5387
    @mathew5387 3 года назад +1

    awesome dude

  • @Heavyshitplayedallday
    @Heavyshitplayedallday 4 года назад +1

    من اين تقوم بعمل preview في المحرر

  • @khauhelorantho9224
    @khauhelorantho9224 Год назад

    That was nice👍👍👍👍
    Can you make a video on how to remove the purple dashed lines(whitespace I believe)

  • @Shahrokh_zarei
    @Shahrokh_zarei 4 года назад +1

    thank you very muchhhhhhhh

  • @COFFY_GAMING
    @COFFY_GAMING 3 года назад +1

    Sir after :focus it works properly but when I use :valid then it's didn't work what should I do?

    • @Krifix
      @Krifix 3 года назад +1

      add "required" to input

  • @jhojancordoba3846
    @jhojancordoba3846 3 года назад +1

    How would you do it in the case where it is an optional field?
    when I put invalid and fill the field the animation returns.

    • @CodingNepal
      @CodingNepal  3 года назад

      I didn't understand

    • @adamonjourney3726
      @adamonjourney3726 3 года назад +3

      @@CodingNepal He means: The Input field is required. That is why :valid works. An optional Input field, where you don't need to input something (non-required), don't work with valid. Is there a workaround for optional input-fields like "comment", "nickname", "hobbies"?

    • @dominici9111
      @dominici9111 7 месяцев назад +1

      @@adamonjourney3726 It has been two years, but i hope it helps. you could use input:not(input:placeholder-shown) an put as a placeholder " " so the name only is inside the input when the placeholder appears

    • @adamonjourney3726
      @adamonjourney3726 7 месяцев назад

      @@dominici9111 It always helps, even years later... thx!

  • @dontstoplearning9735
    @dontstoplearning9735 4 года назад +1

    Bro please tell which software you are useding... please

    • @CodingNepal
      @CodingNepal  4 года назад

      Atom - check description for more.

  • @briandesign
    @briandesign 4 года назад +3

    nice one man!

  • @smusic5632
    @smusic5632 4 года назад +2

    Bro where you getting keywords (tags). I want to put that in my(music) channel. Pls help me.

    • @CodingNepal
      @CodingNepal  4 года назад +1

      Check description... I've provided music link.

    • @smusic5632
      @smusic5632 4 года назад +1

      @@CodingNepal ok bro but I asked keyword(tags) generating website.

    • @CodingNepal
      @CodingNepal  4 года назад

      @@smusic5632 I use Tubebuddy for that.

    • @smusic5632
      @smusic5632 4 года назад

      @@CodingNepal very very thank you bro...

  • @dontstoplearning9735
    @dontstoplearning9735 4 года назад +1

    Sir which software you are using.. please tell me

    • @CodingNepal
      @CodingNepal  4 года назад

      Atom - check description for more.

  • @jayaprakkashs1615
    @jayaprakkashs1615 4 года назад +1

    Hi when we select input type as email and didnt put correct format it just crash with the label so I tried add invalid tag css then the label does stay focused, need help please

    • @CodingNepal
      @CodingNepal  4 года назад +1

      Yes... I've used css :valid selector so if your email isn't valid then label animation won't work. Watch my email Validation Check video for more info.

    • @jayaprakkashs1615
      @jayaprakkashs1615 4 года назад

      CodingNepal sure thank you for reply

    • @anandsullad6437
      @anandsullad6437 3 года назад

      @@CodingNepal bhai link?

  • @magro2358
    @magro2358 2 года назад

    Can you add a video how to display user's photo and sign in details after sign in?

  • @digitalcodelibrary3221
    @digitalcodelibrary3221 Год назад

    tendras algun ejemplo de como hacer con etiquetas select

  • @ongpytran4552
    @ongpytran4552 4 года назад +1

    Thank you so much! Can you make a video about text transform: TranslateX from left to right , without break sreen?

    • @CodingNepal
      @CodingNepal  4 года назад

      What does it means?

    • @ongpytran4552
      @ongpytran4552 4 года назад +1

      @@CodingNepal it like i have a text and i want it to run from the left to the right.

    • @CodingNepal
      @CodingNepal  4 года назад +1

      You can use marquee html tag for that.

    • @ongpytran4552
      @ongpytran4552 4 года назад

      @@CodingNepal oh, thank you so much.

  • @encounterdevil4706
    @encounterdevil4706 4 года назад +2

    Hello sir
    Mainai ek website design kr rakha hai kya mai us website design ko Android app mai convert kr sakta hu
    Android studio softwere ki madad sai please reply me sir

    • @CodingNepal
      @CodingNepal  4 года назад +1

      I haven't knowledge about apps.

    • @encounterdevil4706
      @encounterdevil4706 4 года назад

      @@CodingNepal
      Ok sir thank you for reply me
      Sir please aap development pr bhi video banao php jQuery ajax and other

  • @freelancerdulal4038
    @freelancerdulal4038 4 года назад +2

    It would have been better to make the video a little slower
    I am from Bangladesh

    • @CodingNepal
      @CodingNepal  4 года назад

      Yes.. I tried but viewers prefer short videos rather than longer videos.

    • @freelancerdulal4038
      @freelancerdulal4038 4 года назад

      @@CodingNepal okay I'm waiting for your long video Javascript tutorials

  • @Hangoutapp
    @Hangoutapp 3 года назад +1

    This is what I want???

  • @AHMEDALI2017
    @AHMEDALI2017 2 года назад

    I heard that, if there are many animated objects, the website will be slow! Is that true?

  • @editor1373
    @editor1373 3 года назад

    What if the field is not required?

  • @gb-wo9gs
    @gb-wo9gs 4 года назад +2

    kya maal hai..👌

  • @jihedouni5636
    @jihedouni5636 4 года назад +2

    The valid not work why

    • @CodingNepal
      @CodingNepal  4 года назад

      You may did some mistakes... Check description link for codes.

  • @srigeswar
    @srigeswar 2 года назад

    its nice but couldn’t use this method for 2 buttons

  • @NirmalaDevi-qu7nj
    @NirmalaDevi-qu7nj 3 года назад +1

    I want to do the same thing in Android Studio. But dk how😓

    • @CodingNepal
      @CodingNepal  3 года назад

      For android studio you've to use other languages.

  • @Knuddelfell
    @Knuddelfell 4 года назад +3

    There it is 😅

  • @mandalamadhu1444
    @mandalamadhu1444 3 года назад

    Why using wrapper

  • @barosangaming8174
    @barosangaming8174 Год назад

    could've went a bit slower

  • @tanmaynandwana
    @tanmaynandwana 4 года назад +1

    Make a login form with 3 attempts remaining

  • @manitarai2969
    @manitarai2969 3 года назад

    yo dutai tab ksari kolnu vako ?

  • @harshavardhanreddy3656
    @harshavardhanreddy3656 2 года назад

    :valid is not working in my case

  • @asifhossain2088
    @asifhossain2088 2 года назад

    thanks