Create Engaging Websites with CSS Animations || Episode - 23

[@harimaurya505]

Bhaiya iss series se pyaar ho gya hai ❤

[@Mohit_kashyap836]

Aare bhai pyar vyar mat kr kisis se bhi

[@harimaurya505]

@@Mohit_kashyap836 😂

[@anuragsoni1124]

❤Only for Babbar bhaiya

[@lalitbisht8381]

1:56 Humare course me Animation nhi h But humara course Animation wale course se Lakh Guna better hai utter truth 😂😍🤣😍 Keh ke leli bhaiya aapne True hai😂😂😂🎉

[@ramanbajaj2885]

Bhaiya thode personal ho gye😂😂

[@Zareena_Iqbal]

Believe me, I have also broken my center after watching this course. Because I really like your style. Please bring everything with an open heart and with the project so that we can also study and be successful. thank you sir I pray to God that God blesses you both

[@ariesgaming4580]

What do you mean by 🤔broken center? Just curious, nothing judge mental.

[@scriptkiddy4636]

I think now you should go back to your center.... videos are not coming recently :(

[@shahabz24]

🤣🤣🤣🤣😂@@scriptkiddy4636

[@mohitdeo780]

21:25 animation-fill-mode : backwards ; applies first animation frame to the target when it is in delay phase , and animation-fill-mode: forwards; apply animation last frame in target after animation over , and animation-fill-mode : both ; will apply both first frame and last frame to target element during delay phase and end phase

[@akashpradhan7458]

When animation-fill-mode is set to both, it means that the styles defined in the CSS rules for the animated element will be applied both before the animation starts and after it ends. In other words, the element will retain the styles of the first keyframe before the animation starts, and it will also retain the styles of the last keyframe after the animation completes.

[@saritabegani9721]

1)animation-fill-mode:both Ise jo key frame m starting condition de h wo start hone se phele chal jayegi(animation-delay k time)or end m jo end key frame condition h wo chalegi or fhir wo wasie hi constant rahega

[@arkaprava_chakraborty]

All concept clear bhaiya . HW:- animation-fill-mode: both; -> The animation will follow the rules for both forwards and backwards, thus extending the animation properties in both directions. -> element get the style values set by the first keyframe before the animation starts, and retain the style values from the last keyframe when the animation ends

[@SazzadurRahmanAyan]

The CSS animation-fill-mode property specifies how a CSS animation applies styles to its target before and after its execution. The value "both" applies the rules of both forwards and backwards: - The element will adopt the styles of the first keyframe before the animation begins. - The element will adopt the styles of the last keyframe after the animation ends. Thank you so much bhaia. Lots of love from Bangladesh❤

[@SNEHAKUMARI-l6y]

yes please teach in your own way .Don't change your style and way of teaching by getting into other people's words. You are a brilliant teacher and your way of teaching is amazing 😇

[@smit_XD]

21:27 animation-fill-mode: both applies the rules of both backwards and forwards: The element will adopt the styles of the first keyframe before the animation begins, and the styles of the last keyframe after the animation ends.

[@priyanshuganatra]

thanks bru

[@rahuldey-y1r]

first of all thank you soo much for your efforts sir🥰😇 aap kisi ki mat suniye process se hi chliye kyuki har koi paid course afford nhi kar skta, Aapki free of cost web dev videos kisika future bnane ek great help kar skti hai... I really appreciate your hardwork 🙌👏

[@Funblog1024]

Bhai aisi tutorial really Maine nai dekha KZbin pe itne patience ke sath koi padhaye harek chhoti chij ko explain krna. Mujhe frontend ka F tk nai pta tha bt ye series dekhne ke bad lg rha 1 yr ka experience h

[@salehakhatoon3237]

Very Interesting lecture in all CSS chapter.. Watching this interesting video in 2024..

[@manuu_ftw]

I've been following this since Html part started , and the way bhaiya teaches is really really appreciable . I've even tried html and css part from other places but nothing like this 💯

[@svandana7050]

I watched many channels but i am sticked to your full stack web devlopment course as way to teaching and the style is very smooth and easily understandable.thank you

[@Arshad.Sultan0312]

Your teaching method is so amazing that being a pharmacy professional i am about to finish this entire course

[@MrWhoAmI2509]

Really this is the best Web-Dev course I have ever seen. Fully structured, explained and Best Teacher.❤❤

[@stitipragyan123]

We love this series maja aa gaya❤

[@yadojibokare5327]

Unprecedented lectures which are helping to every job aspirants ❤❤❤❤🎉🎉🎉🎉

[@iqfacts8647]

Bhaiya great work great teaching keep it up😊😊

[@puneetsharma9416]

Don't have words to thank you enough. What a course, Hats off to you bhaiya😊😊

[@subhadipmaity395]

nhi bhaiya, jaise aap padha rehe ho, bht achaa h, bht hi efficient and effective bhi, koi kuch bhi bole, aap aise hi continue karo. love from west bengal

[@adityagoswami8144]

explained almost all the properties of animation in a detailed . even if the lecture is little bit lengthy but it is worth it. thanks for providing these lectures for free.

[@YuvrajShell-pv9cd]

Really this is the best Web-Dev course I have ever seen. Fully structured, explained and Best Teacher.❤❤

[@hemantanayak7]

finally complited this lecture in one week .Animation is the best chapter ever in css .feeling good 😍😍😍😍😍😍

[@ShubhamKumar-co1qr]

keep em coming bhaiya, very nicely explained!

[@jiya8016]

i am loving my consistency. all thanks to you.

[@unknown_0129]

Thank you so much, bhaiya, for providing quality content

[@spicyedutainment1577]

Love you bhaiya.. We need next lecture. Thank you. Jai Hind

[@amndwivedi2480]

Katai jehr bhaiya 😌😌

[@PAINHERE-code]

love the course and obviously love the creator, our love bhaiya is best.

[@deepak-v7d2v]

bhaiya maja aya ek no padhaya apne.

[@NikunjKumarGupta]

Kabhi comment nhi karta Pr aapke liye kar rha hu Ap ab sirf ek course nhi bna rhe Ab aap meri ek inspiration ho Aap mere dsa, web dev ke guru ho

[@chanakyaneeti_1]

God bless you Sir App bahut mast padhate ho I with you start to till end "Real teacher means Code Help"

[@harshdubey2421]

this course is a blessing for us . I am currently following your paid web dev course bhaiya . I wanna thank you for providing s a great content in such a affordable price❣❣

[@sanidhyashah1027]

Awesome course bhaiyaa 🔥❤️❤️

[@adityapratappal321]

nice lecture I am able to understand everything about the animation .

[@Rakesh._bhai]

Bhiya time bta diya kro end me kitne baje video shoot ho rha hai hme sunn kar accha lagta hai love u bhaiya 😂😂

[@arsadhossain9206]

superb.........we all are with you bhaiya, keep going love you bhaiya may god bless you so much.......................

[@syedaliabidi7822]

sahi ka sir aapne aap jaise pdha rahe aap behtar jaante h aur koi jaldi ni h aap araam se pdhao acha pdhhao

[@shahbazpervaiz3552]

Poore youtube pe koi aaise series aur inti dedication nahi hai love you bhaya ❤️❤️❤️❤️❤️❤️❤️❤️

[@Ronak_]

Best Series....Continue kro sir...

[@oomph89]

this video was really fun, pehle phone m dekha ek baar fir khud try kara bina dekhe, 2-3 trial m hogya lekin.

[@goutambhati4892]

animation-fill-mode: both defines that animation can stop at the state and at the end its depends on the value of animation-direction and animation-iteration-count.

[@nishu20501]

regularly completing these lectures and revising old lectures. waiting for more such informative lectures. thanks for everthing.

[@Froester]

I know Views are Less But Pls Don't Quite this Series Sir 🙏🙏

[@subid.majumdar]

Quit*

[@shahabz24]

🤣 khamosh@@subid.majumdar

[@learn_in_shorts]

Bhaiya bahut Mazza aa rha hai aise hi padhaye koi problem nahi hai 😊😊

[@arunabha09]

hlw sir 1st of all thank you very much for your valuable time for developing our carrier thank you thank you a lot sir

[@ahmadrazagujjar9968]

Really Great Course 💯

[@santanubarik1085]

I studied this before but after watching this shot almost animations part ma to grip thora aya.Thanks bhaiya.

[@sonicboom6635]

Mzza aa rha hai aur knowledge gain krne mein 😊

[@BhaveshMulchandani1]

bhaiya maza aagya pad ke , aur aapki videos se bahut help mil rahi h development me ese hi consistently videos upload karte raho me aapke har video pe consistently comment karta rahunga. aur koi kuch bhi bole aap apni style se padate raho hamko bohot maza aaraha h .

[@rayansiingh]

HOMEWORK ANSWER HERE: 21:25 animation-fill-mode: both; Lets the div element get the style values set by the first keyframe before the animation starts, and retain the style values from the last keyframe when the animation ends.

[@pheonix1621]

Bro please don't compromise on the lectures because of someone else thinking. You are doing great just keep up the good work and teach us more and more.

[@ayanpal7622]

animation -fill-mode: both; means: The element will get and retain the first keyframe's style-value set before the animation starts during the animation-delay period. The element will also get and retain the last keyframe's style-value set after the animation ends. *LECTURE 23* : ☑️ THANK YOU BHAIYA

[@VAIBHAVDUTTAPIET19CS179]

Get Well Soon bhaiya or jldi ache hokar continue karte h webdev bhaiya 😇

[@DheerajGoswami-v3o]

maja agaya bhaiya awesome demonstration and superb teaching

[@somyanamdeo5292]

Incredible series. Thankyou thankyou thankyou so much Bhaiya for such invaluable content ❤❤❤

[@sohaiqbal30]

Hats off to you sir. Your way of teaching is THE BEST. Ap sab kuch cover krwate huye zabardast pace se chal rahe hien. You do what you deem best. More power to you❣

[@deepanshusaini4714]

Maza aagya bhai ! Thankyou You for these lectures and Your efforts !

[@ankuragarwal9861]

one of the best web development courses on the internet.

[@kakshat22]

Bhaiya superbly amzing lecture, childhood memories of the tile game got revived......understood the concepts really well. Course is going really well , itna clarity se pehle kabhi nhi samjh paaye the css...... Thank you sooooooooo muchhhhh bhaiyaa........❤

[@sanatanii_ashish]

very very thankful sir for this free course.... you are my inspiration sir......... 1 day i aceive my dream with help of you..

[@GauravSingh-ne2wq]

Amazing lecture !!! all doubts regarding Animations are clear . Thank you bhaiya!

[@clubhouse3019]

Love with series. Web development is fun when love Babbar is your teacher

[@RahulRaj-vx7ov]

short hand notation 24:00

[@specificgyan-adarshmishra7857]

So many thanks 🙏 bhaiya Please keep continue

[@hamdardkhan-i2v]

One of the Best course on youtube 🌹🌹🌹🌹🌹🌹🌹🌹🌹

[@sayandeepsadhukhan5016]

Perfect learning 100% clarification..💯💯💯💯💯.💜💜💜💜💜🖤🖤🖤🖤🖤

[@mdigniter5467]

Started today ❤❤ new subscriber

[@neelamkhan-tq6ob]

best lecture over the world "thank u " so much stay blessed

[@abhishekkashyap2984]

Only word to define this whole series "Top Notch " 🔥💫

[@arunabha09]

and sir thank you for your last class video, and thanks for your valuable time.. puri rath na soke humhare liye video banaya upne thank you very much... some where i listen that teacher kaisa hai yea pata lagta hai student ke result se, we are tring to take you that place and sir one more time thank you very much🥰🥰

[@RahulKumarYadav-fv7ge]

Best web dev course i have ever seen. its even far better than some paid courses... Thank you so much vaiya❤❤❤❤❤❤❤❤❤❤❤

[@kartikshukla5963]

Nahi bhaiya koi rush nhi hai ap best padha rhe ho please koi topic ya project skip mt kro..

[@mayur8276]

Your DSA course is very interactive Very understandable explanations

[@arnavthakur5167]

The series is getting better and better by time and completely loving it . BUBBER BHAIYA ZINDABAD

[@aryan.11.g]

literally bhaiya aaj ke lecture me maja aa gaya ...... dimak

[@GamingWithParamYT]

Bhaiyaa love this series

[@electro1146]

consistency back on track, great job bro😉

[@Waleedkhan-zh8hm]

Bahut Acha Laga bhaiya Thank You and God Bless You for providing such a great playlist of web Dev

[@barshanmukherjee8945]

Love the detailed description you give in every single lecture. Love from Kolkata ❤

[@deepeshnama3334]

Thanks love babbar bhaiya bs ese hi continuity rkhna 🙏🙏

[@AshishPandey-vk4rt]

Very awesome bas aise hi apni kripa banye rakhe hmpe ❤

[@mahebubshaikh1260]

Take your time Babbar bhai we want to learn deeply like its going

[@village-vlogs.404]

thank you sir I pray to God that God blesses you both😍😍😍😍😍😍

[@JOKER-fx6ey]

best Web-Dev course I have ever seen. And take your time bhaiya

[@pranavsingh6296]

Amazing session bhaiya❤

[@creative2.075]

Will be becoming master while practicing and learning through your course, No one tech indepth which you pays off in the course! excellent content quality and keeping teach us a-z valuable things everdy! Our blesses with you! BabberJI

[@rahulgopalka2403]

i appreciate your consistency and kindness, without any promotion you are giving so much time to make this series, Appreciated sir. I wish i will also get the consistency like yours

[@newindia3046]

Smart Teaching by Smart Person💥

[@akashgola2153]

The Animation lecture was awesome. You covered almost all the properties Bhaiya. So cooooollll

[@balloffire39]

Your clases give realtime experience. thanks Sir!

[@mjkmediahouse]

Very helpful dear respectful sir May Allah give the success in this life and in herafter.Ameen❤🎉

[@shivamgarg3387]

Amazing lecture 😊😊

[@nashraasad9329]

Your Videos speed is best , best course ongoing don't let others words saden you. Love from Pakistan bhai

[@navneetgupta283]

Thankyou bhaiya for this awesome video

[@bhanugawshinde8174]

Very helpful lecture for animation 35:21

[@shahabz24]

You'll always be remembered for working hard and giving your best. Keep it up, brother! We're all supporting you.

[@annikamal321]

Thank You so much sir!