Thanks for this awesome tutorial! Marking times of my takeaways here: 3:30 - Why transition property is not put on class like hover 4:00 - Why transition is put on base class not on modified class
@ You don't. The console is for JS only, refer to 5:00 where you can see he's not in the console and go try out animation tool yourself like me, you'll see it's not in console.
The in browser bezier curve editor seems pretty useful. Also, the animation-playstate is something I never knew one could control without javascript. Thanks for this video, Kyle! Did not expect to learn much since I use animations quite often, but happy to be proved wrong! Your videos are always such a great value for time! 😄
Also, I don't think I'm subscribed to more than 2 people IF that.. you get my Subscription because I have a feeling you make a lot of great content, and I hope to dive into it soon!
This is your first video I ever came across, and my high ass was just absolutely fascinated by the way you explained everything (and your hair too LOL) 😁💯
Easily one of the best tutorial makers that ive seen. so clear and calm when explaining things with easy to understand explanations and instructions. Keep it up sir
Absolutely loved the way he explained Iam from India btw and let me be very honest I loved the way you elaborated everything in very short span of time with every minute detail .. Good work bro
Man! Gotta say you're such an inspiration! It's really rare to find someone who really knows how to teach stuff like that. Your videos are usually well structured and you always start from a point where you also know where and how to end it, and when to talk about the very next concept in the line. Your content is lovely, Kyle! Keep it up!
bro as a person wanting to become a software engineer this definitely helped, also this was very fun and was sad when the video ended. On a side note good luck and hope you get a lot of support! .I liked and subbed
uh-huh, I'm glad!!! ☺️ Bro, I'm not sure that my words r enough to say thank u. I'm following u 4 along time, along time, Bro. I hope u well.. U learned me anything, (anything) I wanted in CSS + JS, till now. There's alot to say... but no ⏰ for that. U r a great one, I loved your WDS (Ageel Mohammed, Sudan)😊
Thanks a lot, really your vids are always just enough info to get you started(curious) on your own journey and that is just what I need. Love the cheat sheet.
God bless you. Not only are you a true pleasure to listen to as you are a fountain of knowledge. You've done the topic such justice. thanks so much my friend.
first ever code video I watched, and it was super interesting, and simple to understand, due to your clear explanations/visuals, and adapted speech pace. Thx, keep the good work
GODD DAY, SIR. YOU ARE A GOOD TEACHER. YOUR EXPLATION IS VERY INFORMATIVE AND INMPORTANT. THANKS AGAIN FOR YOUR KIND HELP. GOD MAY BLESS WITH ALL SUCCESS IN LIFE. THANKS AGAIN.
By grace the code worked as followed by Kyle for the alternating iterations, however now I need to debug the code because I have a problem with turning the animation to blue in the middle of the sequence. No worries Kyle is gran maestro. No se precupe Kyle is a great professor.
His hair are more aligned than my website 😂
@EarrapeXD you do you
😂😂😂
@@daansprinkhaan9635 ok I completed your 100 likes.
😂🤣
Yes like they are set to a certain value
Thanks for this awesome tutorial! Marking times of my takeaways here:
3:30 - Why transition property is not put on class like hover
4:00 - Why transition is put on base class not on modified class
I did not know you can edit the timing in the console. Incredible!
Me too
You mean in devtools? 😏
He means yes but in the console tab
@@sfoxj you don't even edit transitions in the console tab...
@ You don't. The console is for JS only, refer to 5:00 where you can see he's not in the console and go try out animation tool yourself like me, you'll see it's not in console.
This tutorial format is great. I wish every tutorial ever made was this efficient. Can't wait for more. Thank you
YES. THIS.
Yes I agree
I just love how dead simple are his videos and yet so descriptive and gives you the very info you will ever need
The in browser bezier curve editor seems pretty useful. Also, the animation-playstate is something I never knew one could control without javascript. Thanks for this video, Kyle! Did not expect to learn much since I use animations quite often, but happy to be proved wrong! Your videos are always such a great value for time! 😄
Diwali animation using html and css
ruclips.net/video/8xAUi0UzSGw/видео.html
I love how you don't waste time on bs and explain everything quickly and straight to the point.
Diwali animation using html and css
ruclips.net/video/8xAUi0UzSGw/видео.html
You're one of the best coding teachers on RUclips.
dude you are a legend !!
whenever I am stuck at learning anything related to webdev I look forward to your channel
Like Ashanti and Jarule....Kyle is always on time!!....I always forget this and finally a 15 minute vid to serve as a refresher!!!
This is undoubtedly one of the most straightforward and perfect tutorials to exist! Thanks!
Dude you nailed it! You deserve all likes and subscrptions. You know how to explain since the simplest to the complex subject.
I've only watched 3:30 of this video and already can tell you are an AWESOME teacher. Connecting things so quickly for me. Thank you! And keep it up!
Also, I don't think I'm subscribed to more than 2 people IF that.. you get my Subscription because I have a feeling you make a lot of great content, and I hope to dive into it soon!
¡Gracias!
De Nada.
His channel's name is worth it. "Web Dev Simplified". He really has simple ways for each and every step.
I honestly felt no way... just another do this in 15min video clickbait. MATE THIS IS SIMPLIFIED. I LOVE YOU.
This is your first video I ever came across, and my high ass was just absolutely fascinated by the way you explained everything (and your hair too LOL) 😁💯
Easily one of the best tutorial makers that ive seen. so clear and calm when explaining things with easy to understand explanations and instructions. Keep it up sir
I could fall asleep listening to him because he does speak so calmly. Lol
Once in a while I re-watch this video and I remember everything again. ty
this is the most easiest tutorials I have every seen. thank you so much
Absolutely loved the way he explained
Iam from India btw and let me be very honest I loved the way you elaborated everything in very short span of time with every minute detail ..
Good work bro
Man! Gotta say you're such an inspiration!
It's really rare to find someone who really knows how to teach stuff like that. Your videos are usually well structured and you always start from a point where you also know where and how to end it, and when to talk about the very next concept in the line.
Your content is lovely, Kyle!
Keep it up!
Love from India ❤️
I need to start buying your courses, your explanations are great.
You, my handsome teacher, has my subscribe!!
hell ya boy, lessons like that is what i need, simple, practical and objective. nice, you got another one subscribe.
bro as a person wanting to become a software engineer this definitely helped, also this was very fun and was sad when the video ended. On a side note good luck and hope you get a lot of support!
.I liked and subbed
This makes me what to focus only on front end development.
Absolutely insane how well you managed to explain this. Respect
dude just came straight to the point without wasting our time
Perfect beginning for CSS animation learning
Thank you...you made this really easy to understand
web dev simplified, or the real youtube OG, thanks a ton for your content man
before I don't know when and where use animation or transition now it's clear to me thank you so much 😊
uh-huh, I'm glad!!! ☺️
Bro, I'm not sure that my words r enough to say
thank u.
I'm following u 4 along time, along time, Bro.
I hope u well..
U learned me anything, (anything) I wanted in CSS + JS, till now.
There's alot to say... but no ⏰ for that.
U r a great one, I loved your WDS
(Ageel Mohammed, Sudan)😊
Thanks a lot, really your vids are always just enough info to get you started(curious) on your own journey and that is just what I need. Love the cheat sheet.
This tutorial is GOLD!!! Thanks a lot for sharing!!!
The best video I saw about animations. Thanks a lot!🥰🥰🥰
You are an amazing teacher, a breath of fresh air!
Wow, what an excellent tutorial. Thank you so much! You have a gift for teaching.
Sooooo usefullll. I never knew about the inbuilt editor in the browser. And so i never used the bezier timing function. Thanks a million, good man.
This is simple to understand, i have been watching a lot tutorial but the is perfect for me... Thanks for Sharing your knowledge
OMG! A curve editor?!? Thank you! Your content is fantastic!
Thank you for your help! I was stumped on an activity in my class, and this tutorial helped me understand how things worked.
Wow you made it soooo much easier to understand than the docs.
This is what a perfect tutorial is.... Thank you very much!!
I already know about this in css but I just want to clear this up. Thanks so much!
Thanks for this lesson.
Great video, you are on of the best teachers ever.
yeah, for sure, Kyle is one of the best instructor focuing on fundamental !!!
You are my favorite dev youtuber, everyday I am learning new things in your great channel. keep going you are the best 🙂
the best video on css animation! great work
this channel is gold
I like to watch your videos every time I'd like to understand something quickly. Thank you!
God bless you. Not only are you a true pleasure to listen to as you are a fountain of knowledge. You've done the topic such justice.
thanks so much my friend.
You are one of the best and my favourite programming teachers on RUclips!
Ok... I came across your channel today and i guess i love it. And i am sticking here from now😁
fr everything i have searched abt web dev kyle u appear bro u the best hahaha
Thanks. I'm glad I'm there to help
first ever code video I watched, and it was super interesting, and simple to understand, due to your clear explanations/visuals, and adapted speech pace. Thx, keep the good work
I can't thank you enough for the work you put in...
Terrific teaching skills!
This guys is awesome. He teaches every bit of it. and clears my concepts about things I don't even know I was confused about! Thank You for this!!!
Clean and nice. As always!
The best informative video I've seen today! Big up! You're awesome
Simplified, conceptual and very understable, thank you Kyle!
Great work dude really wanted this video
Thank you for the cheat-sheet and the job you are doing.
first 4 minutes are already sooo helpful... thanks a lotttt
GODD DAY, SIR. YOU ARE A GOOD TEACHER. YOUR EXPLATION IS VERY INFORMATIVE AND INMPORTANT. THANKS AGAIN FOR YOUR KIND HELP. GOD MAY BLESS WITH ALL SUCCESS IN LIFE. THANKS AGAIN.
I'm here! 😎 Great video, just posting a comment to show some support! Keep up the good work. 🤙
Your videos are always perfect for me.
Well, This is one of the best videos that I love. Very easy to understand and follow. Keep it up bro
Loved it. Way better than other video i watched before on the topic!
I love this. I feel like an animation master rn.
Thanks for the Cheat Sheet, it's great!👍
dang that was clear, well done young fellow
Well done man, so well and detailed explained. It's impossible not to understand a thing.
Bumped into your video, gotta say I liked it! Good job, Kyle! Suscribed.
I am sooo excited! Your speed plus your teaching. I want to create some thing awesome using animations in css but i dont get much ideas
This tutorial is great! Thank you!
Very awesome tutorial. Thank you for keeping it simple and perfect!
Very straight forwards, thanks!
Exactly what I needed.❤️loved ur way of explaining things and putting up easy for us to understand..
One of the best Dev exists, thanks Dev.
This video has been very helpful. Thanks for sharing.
Great video for me as a beginner. Thank you so much.
Kyle, well structured and organized explanation, video, and content. Extremely simple and clear explanation. Great job! Thanks!
Very simple and great tutorial. Thanks a lot!
The best animation tutorial. Thank-you very much
I understood very well animations in CSS now ! :) Thx from Belgium !
Congratulations On Your 1M I have also subscribed. Love From India.
Thank you a lot. So now I can use CSS animation. It helped a lot to understand CSS animation
By grace the code worked as followed by Kyle for the alternating iterations, however now I need to debug the code because I have a problem with turning the animation to blue in the middle of the sequence. No worries Kyle is gran maestro. No se precupe Kyle is a great professor.
hey dude, nice work .this video is easier to understand
Thank you for the cheat sheet
It was simple and clear , Thank you
Amazing video. Thanks mate!
Bravo! Thank you, Master!
Thank you for this tutorial, it really helped
absolutely amazing vid!
Thank you very much, it was very helpful to start with CSS anmations. 👍
Thanks man. simple and clear