Awesome Input Animation using HTML & CSS | CodingNepal
Рет қаралды 85,506
4 жыл бұрынAwesome Input Animation using HTML & CSS | CodingNepal
Download Codes From Here - www.codingnepalweb.com
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. ...
@CodingNepal 4 жыл бұрын
Popup Login Form in HTML & CSS - kzfaq.info/get/bejne/adyGiLufzbnHZ6s.html
@user-dh2mk1pb6k 3 ай бұрын
why did you use :before to make underline animation instead of just use div?
@FastOnlineTutorials 4 жыл бұрын
I did not wait too long, the video came, thanks 😊
@CodingNepal 4 жыл бұрын
You're welcome 💙
@ishu470 2 жыл бұрын
you are amazing. thax a lot. love from India
@vaibhavmatere18 2 жыл бұрын
So helpful, thanks man !
@Pflaumenpflucker 2 жыл бұрын
Thanks for your great work!!!
@alfanur_rizal Жыл бұрын
Beautiful🔥
@javadh5360 2 жыл бұрын
Perfect 🔥
@davidjurek3043 Жыл бұрын
Awesome!
@justinlu5730 3 жыл бұрын
nice tutorial
@cartasdosaber Жыл бұрын
Thank you so much!
@vineethemmanuel2967 3 жыл бұрын
Its Awesome
@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
@andresfelipemezamendez1194 4 жыл бұрын
Thanks Bro, amazing all your videos
@CodingNepal 4 жыл бұрын
You're welcome 💙
@Ismail-sir Жыл бұрын
Very nice but can i ask? Which editor you use?
@khauhelorantho9224 Жыл бұрын
That was nice👍👍👍👍 Can you make a video on how to remove the purple dashed lines(whitespace I believe)
@Hangoutapp 3 жыл бұрын
Thanks
@buggy6129 2 жыл бұрын
Simsime pani aarko video babal dami ⭐
@user-dh2mk1pb6k 3 ай бұрын
@CodingNepal why did you use :before to make underline animation instead of just use div?
@digitalcodelibrary3221 11 ай бұрын
tendras algun ejemplo de como hacer con etiquetas select
@asifhossain2088 2 жыл бұрын
thanks
@codewithaaryan3489 4 жыл бұрын
Your color combination is good in all videos
@CodingNepal 4 жыл бұрын
Thank you 💙
@zenalfalah5319 3 жыл бұрын
Hello world, I am from Indonesia
@adityathota8855 4 жыл бұрын
Cool 👍
@CodingNepal 4 жыл бұрын
Thank you 💙
@olivermarcos7007 3 жыл бұрын
nice tutorial man!
@CodingNepal 3 жыл бұрын
Glad you liked it!
@tanjilrahman2605 4 жыл бұрын
Tnx broo💜.Need mega menu tutorial pls......
@CodingNepal 4 жыл бұрын
Sure I'll make.
@magro2358 2 жыл бұрын
Can you add a video how to display user's photo and sign in details after sign in?
@itachi-senpaii 3 жыл бұрын
thanks a lot sir
@CodingNepal 3 жыл бұрын
You're welcome
@ongpytran4552 4 жыл бұрын
Thank you so much! Can you make a video about text transform: TranslateX from left to right , without break sreen?
@CodingNepal 4 жыл бұрын
What does it means?
@ongpytran4552 4 жыл бұрын
@@CodingNepal it like i have a text and i want it to run from the left to the right.
@CodingNepal 4 жыл бұрын
You can use marquee html tag for that.
@ongpytran4552 4 жыл бұрын
@@CodingNepal oh, thank you so much.
@CodeWithYubraj 4 жыл бұрын
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 4 жыл бұрын
La thank you hai tw bro.
@CodeWithYubraj 4 жыл бұрын
@@CodingNepal Welcome, man. Mero ni yestai tutorial channel nai ho, haha. Milcha vane, let's get connected on social media, bro, personally.
@CodingNepal 4 жыл бұрын
Instagram ko link description ma xw bro.
@mathew5387 3 жыл бұрын
awesome dude
@mathew5387 3 жыл бұрын
just as the video title says
@CodingNepal 3 жыл бұрын
Thank you 💙
@islamiclife-ideallife 2 ай бұрын
Fine but need to write code one after another gradually not overtaking or lapsing or rewriting going back .....
@Heavyshitplayedallday 4 жыл бұрын
من اين تقوم بعمل preview في المحرر
@Shahrokh_zarei 4 жыл бұрын
thank you very muchhhhhhhh
@CodingNepal 4 жыл бұрын
You're welcome 💙
@mdmojammelhossen8030 4 жыл бұрын
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
@CodingNepal 4 жыл бұрын
Okk.. I'll think about it.
@mdmojammelhossen8030 4 жыл бұрын
A lot of thanks... sir..i love u
@jhojancordoba3846 3 жыл бұрын
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 3 жыл бұрын
I didn't understand
@adamonjourney3726 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 6 ай бұрын
@@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 6 ай бұрын
@@dominici9111 It always helps, even years later... thx!
@RAHULROY-sb9nt 3 жыл бұрын
I gonna use in my project😄😄
@CodingNepal 3 жыл бұрын
Sure 😄
@editor1373 3 жыл бұрын
What if the field is not required?
@smusic5632 4 жыл бұрын
Bro where you getting keywords (tags). I want to put that in my(music) channel. Pls help me.
@CodingNepal 4 жыл бұрын
Check description... I've provided music link.
@smusic5632 4 жыл бұрын
@@CodingNepal ok bro but I asked keyword(tags) generating website.
@CodingNepal 4 жыл бұрын
@@smusic5632 I use Tubebuddy for that.
@smusic5632 4 жыл бұрын
@@CodingNepal very very thank you bro...
@dontstoplearning9735 4 жыл бұрын
Bro please tell which software you are useding... please
@CodingNepal 4 жыл бұрын
Atom - check description for more.
@dontstoplearning9735 4 жыл бұрын
Sir which software you are using.. please tell me
@CodingNepal 4 жыл бұрын
Atom - check description for more.
@srigeswar 2 жыл бұрын
its nice but couldn’t use this method for 2 buttons
@jayaprakkashs1615 4 жыл бұрын
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 4 жыл бұрын
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 4 жыл бұрын
CodingNepal sure thank you for reply
@anandsullad6437 3 жыл бұрын
@@CodingNepal bhai link?
@COFFY_GAMING 3 жыл бұрын
Sir after :focus it works properly but when I use :valid then it's didn't work what should I do?
@Krifix 2 жыл бұрын
add "required" to input
@AHMEDALI2017 2 жыл бұрын
I heard that, if there are many animated objects, the website will be slow! Is that true?
@briandesign 4 жыл бұрын
nice one man!
@CodingNepal 4 жыл бұрын
Thank you 💙
@Hangoutapp 3 жыл бұрын
This is what I want???
@mandalamadhu1444 3 жыл бұрын
Why using wrapper
@gb-wo9gs 4 жыл бұрын
kya maal hai..👌
@NirmalaDevi-qu7nj 3 жыл бұрын
I want to do the same thing in Android Studio. But dk how😓
@CodingNepal 3 жыл бұрын
For android studio you've to use other languages.
@encounterdevil4706 4 жыл бұрын
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 4 жыл бұрын
I haven't knowledge about apps.
@encounterdevil4706 4 жыл бұрын
@@CodingNepal Ok sir thank you for reply me Sir please aap development pr bhi video banao php jQuery ajax and other
@freelancerdulal4038 4 жыл бұрын
It would have been better to make the video a little slower I am from Bangladesh
@CodingNepal 4 жыл бұрын
Yes.. I tried but viewers prefer short videos rather than longer videos.
@freelancerdulal4038 4 жыл бұрын
@@CodingNepal okay I'm waiting for your long video Javascript tutorials
@manitarai2969 3 жыл бұрын
yo dutai tab ksari kolnu vako ?
@barosangaming8174 Жыл бұрын
could've went a bit slower
@tanmaynandwana 4 жыл бұрын
Make a login form with 3 attempts remaining
@CodingNepal 4 жыл бұрын
Okk.
@jihedouni5636 4 жыл бұрын
The valid not work why
@CodingNepal 4 жыл бұрын
You may did some mistakes... Check description link for codes.
@harshavardhanreddy3656 2 жыл бұрын
:valid is not working in my case
@Knuddelfell 4 жыл бұрын
There it is 😅
@CodingNepal 4 жыл бұрын
😅😅😁
@hariharanm4432 Жыл бұрын
thanks
Garena Free Fire Global
Рет қаралды 40 МЛН
Online Tutorials
Рет қаралды 162 М.
CodingNepal
Рет қаралды 19 М.