Learn CSS Animations In 20 Minutes - For Beginners

  Рет қаралды 1,123,189

Slaying The Dragon

Slaying The Dragon

Күн бұрын

Пікірлер: 721
@slayingthedragon
@slayingthedragon Жыл бұрын
🚨🚨🚨 New CSS Course - slayingthedragon.io 🚨🚨🚨
@fernandoboschiero1178
@fernandoboschiero1178 Жыл бұрын
Dude. I just started studying HTML/CSS a week ago and I have found plenty of good KZbin educators, but your channel has by far been the most enlightening. Thanks for the content!
@slayingthedragon
@slayingthedragon Жыл бұрын
Thank you so much ☺️❤️❤️
@NeoCoderNet
@NeoCoderNet Жыл бұрын
CSS 3d rotate card. Along with Source Codes😁 kzbin.info_HSut9_E_fc?feature=share
@top10youtubevideos64
@top10youtubevideos64 6 ай бұрын
How was your journey. I hope you are a full stack developer by now. Please share your experience. Thank You
@remikuraa
@remikuraa 8 ай бұрын
Probably the cleanest tutorial I've ever seen, it's compact, short and well-paced to the point that it feels like the information just migrates into my head with no issue. As someone with a slight disadvantage in learning and thhe need to know why things work the way they do, I recommend this to literally everyone no matter their skill level and learning process. Absolutely legendary, and I sincerely hope I learn more from you just as well as today! Wish the best for you 10/10 tutorial! (and the kind of tutorial that doesn't lay down a red carpet straight to tutorial hell lol)
@runyagwavava4930
@runyagwavava4930 5 ай бұрын
I agree. this is wholesome content .
@johnramos7761
@johnramos7761 Жыл бұрын
Don't stop creating this kind of videos, they are superb: short, concise, and complete. Congrats!
@vulturepcs
@vulturepcs 5 ай бұрын
21 minutes and 22 seconds is not short…
@kompetenzbox
@kompetenzbox 3 ай бұрын
@@vulturepcs better than reading an article for 40 minutes imo
@vulturepcs
@vulturepcs 3 ай бұрын
@@kompetenzbox thats true ig
@octotube463
@octotube463 7 ай бұрын
This video was really good; it was concise and complete
@waylandmayo
@waylandmayo Жыл бұрын
Your ability to smoothly communicate and pass on a high level of understanding is to be commended. Great job, can't wait to see what you do next.
@avrakadavra1552
@avrakadavra1552 7 ай бұрын
Damn, I'm always replaying this because of how concise it is and realizing I didn't yet like the video... Thank you for this
@jesf570
@jesf570 4 ай бұрын
Holy shit, this is how all youtube videos on coding related tutorials should be shown. Amazing. Amazing.
@Uzair57
@Uzair57 Жыл бұрын
I am so confused about why this content is free, literally you can show me your 2 videos and after looking at your style of teaching and explaining. I will literally pay to get more content. This is amazing and I will definitely share your channel to all my fellow web developers
@ethiopiamezmurchannel
@ethiopiamezmurchannel 11 ай бұрын
We know peoples like you change kind person to be selfish😢😢
@francisnjugunaldc
@francisnjugunaldc Жыл бұрын
I dont know why, but i have already watched every video in this channel, i feel like he is always talking to me, great content
@slayingthedragon
@slayingthedragon Жыл бұрын
Much love ❤️
@amad7.7
@amad7.7 2 жыл бұрын
great content, you will blow up soon if you keep posting high-quality content like this. really appreciate the effort gone into your videos
@slayingthedragon
@slayingthedragon 2 жыл бұрын
Thank you very much !! 😊
@qaushain
@qaushain Жыл бұрын
So true
@5464654135756
@5464654135756 Жыл бұрын
I’m of the same mind. I could already tell from the beginning. No promenade and only content you need to know 😮
@vivu9459
@vivu9459 Жыл бұрын
It’s true
@StarHive5
@StarHive5 Жыл бұрын
🎉HE DID🎉🎉😊
@bartheus6709
@bartheus6709 Жыл бұрын
The way u explaining all step by step then refactoring it to how it at the end can look like is a god damn good job ! GREAT WORK !!!
@GuillermoArellano
@GuillermoArellano 6 ай бұрын
This video did a much better job of explaining the concepts than other videos that claim higher upvotes and subscribers. This is a gem! Highly recommended!
@codebreaker8928
@codebreaker8928 7 ай бұрын
You and your videos r goat They r great to learn and revise since they r simple and short
@thuanh9247
@thuanh9247 8 ай бұрын
Big respect for you from Vietnam 🎉. I am starting my first web-based application for school prj and your channel arrived just in time ❤
@shahobiddinismoilov
@shahobiddinismoilov 5 ай бұрын
I found your channel from your flexbox video, now I am addicted to your content and binge-watching all your CSS tutorials. Your explanations are the best I have seen in any CSS tutorial. They're so good
@pranavdcpatil
@pranavdcpatil Жыл бұрын
What the? This is so Amazing... Never had seen something like this so smooth regarding css animation tutorials... Thanks a bunch bruh... It was very insightful and helpful. Just subbed ❤️💯
@slayingthedragon
@slayingthedragon Жыл бұрын
Thank you ❤❤❤
@2010daigo1
@2010daigo1 2 жыл бұрын
Your production quality is good enough to deserve 100x more subscribers
@slayingthedragon
@slayingthedragon 2 жыл бұрын
Thank you ☺️
@soundtrickz
@soundtrickz Жыл бұрын
Man, you deserve every flowers you get. Your explanations and details are accurate and concise. Top quality content 👏🏽 👏🏽
@padhai2535
@padhai2535 4 ай бұрын
Are you full stack developer now??
@soundtrickz
@soundtrickz 4 ай бұрын
@@padhai2535 yes I am
@abdulRahman-6262
@abdulRahman-6262 8 ай бұрын
You are really slaying the dragon , clean , clear , enlightening
@josephcastillo3941
@josephcastillo3941 Жыл бұрын
That glowing button is *chefs kiss*, any chance we can get a full blown breakdown of those effects you did?
@slayingthedragon
@slayingthedragon Жыл бұрын
Maybe I might :p
@hehswhs1207
@hehswhs1207 Жыл бұрын
@@slayingthedragon brother you need to .. your audience is waiting for it .. 🥲
@MilanGurung-oz5co
@MilanGurung-oz5co 8 ай бұрын
one of the best animation tutorial video.
@bibs9924
@bibs9924 5 ай бұрын
Too bad I can't afford your courses atm because I definitely wouldn't mind paying for stuff with this level of quality. Very concise and well explained. Subscribing and hoping you get many more views, great stuff!
@ArunM-y1e
@ArunM-y1e Жыл бұрын
seriously i never seen someone explaining like this. thank you 🤩
@Eavesdro_pper
@Eavesdro_pper 4 ай бұрын
This is what I have been looking for , dude you deserve my subscription.
@gildacles1238
@gildacles1238 Жыл бұрын
So far, you make the best webdev tutorials I have ever seen. Its made for people escaping tutorial hell.
@NeoCoderNet
@NeoCoderNet Жыл бұрын
CSS 3d rotate card. Along with Source Codes😁 kzbin.info_HSut9_E_fc?feature=share
@microsurf128
@microsurf128 6 ай бұрын
Brilliant lesson, without all the "blab blab blab" that others do! - Thank you that was great!
@artemisfowl9002
@artemisfowl9002 Жыл бұрын
dude.. you're a fuckin CSS GOD! i'm literally blown away by your knowledge and style of teaching, its almost scary how good you are
@slayingthedragon
@slayingthedragon Жыл бұрын
Haha thank you ❤️
@JoSanInk
@JoSanInk 6 ай бұрын
this was the shortest 20 min video i ever watched. great content.
@sufyanakbar7153
@sufyanakbar7153 11 ай бұрын
Where were you all my life. This is gold
@iak4mm
@iak4mm Жыл бұрын
best tutorial for animation css
@dalan9034
@dalan9034 7 ай бұрын
Your lessons make it so much easier to understand, while also making sure we put our own work into it (for beginners like myself)! this is the second video of yours that I watched and it's so enjoyable! it's especially good if you forget what you just learned and need to refresh your memory, while also learning new things? anyways, thank you a lot :)
@iamagamer4413
@iamagamer4413 Жыл бұрын
Finally a KZbinr that asks you to like and subscribe correctly
@captainfire74
@captainfire74 2 күн бұрын
Wow, so clear and condensed, perfect ! Thx for your work ! ;)
@sachingyandeogaikwad6278
@sachingyandeogaikwad6278 Жыл бұрын
Great Sir.... Its so real expeience i feel like i am sitting in calss room . **i wantched video at 0.75 speed.
@hasnaat-du4ft
@hasnaat-du4ft 9 ай бұрын
I have found plenty of good KZbin educators, but your channel has by far been the most enlightening.
@amineherizi4687
@amineherizi4687 Жыл бұрын
Where are you man ? we need more videos from you ! You ROCK !!
@slayingthedragon
@slayingthedragon Жыл бұрын
Thank you! I'll be back in like a week with an announcement and then weekly videos. Ive been busy with this -> slayingthedragon.io Much love!
@NeverEvi
@NeverEvi Жыл бұрын
I was watching this as a review, but was really excited to learn that keyframe percentages don't have to be in order like that! Thanks for the info, and great video!
@slayingthedragon
@slayingthedragon Жыл бұрын
Thanks 😊
@TimGavin
@TimGavin Жыл бұрын
Spent several hours today trying to figure out how to do a bounce transition and you covered it beautifully in 2 minutes lol
@NeoCoderNet
@NeoCoderNet Жыл бұрын
CSS 3d rotate card. Along with Source Codes😁 kzbin.info_HSut9_E_fc?feature=share
@noirsociety
@noirsociety Жыл бұрын
This is truly the best CSS animation tutorial I have ever seen! Thank you for showing us how to build our own mini-library through utility classes. You are such a great teacher and thank you for sharing your knowledge with us :)
@slayingthedragon
@slayingthedragon Жыл бұрын
Thank you so much ❤️❤️❤️☺️
@UjjwalMishra_68
@UjjwalMishra_68 Жыл бұрын
@@slayingthedragon bro is there any differeence between only transition and transition delay
@slayingthedragon
@slayingthedragon Жыл бұрын
@@UjjwalMishra_68 Transition is a shorthand and can do all of the individual transition properties while transition-delay can only add a delay
@darkvador2014
@darkvador2014 Жыл бұрын
Thank you for the explanations
@omarzakareia868
@omarzakareia868 28 күн бұрын
Such a Talented teacher
@SeriousSnake
@SeriousSnake 10 ай бұрын
Bro, this helped me so much. Using the keyframe knowledge with the little knowledge I have, I made some epic animations!
@CaioCromos
@CaioCromos 6 ай бұрын
thats what i call a high quality tutorial. really excited to try all this!
@adeptusxiao02
@adeptusxiao02 Жыл бұрын
Why did i see this only now when school is over😢😂
@My3dstudio686
@My3dstudio686 11 ай бұрын
Same
@chehi5624
@chehi5624 11 ай бұрын
Fr
@Speedytransloop_Inc
@Speedytransloop_Inc 11 ай бұрын
Even when school is over never stop learning, You can supplement on what u gat to go bigger than your college colleagues 😅
@adeptusxiao02
@adeptusxiao02 11 ай бұрын
@@Speedytransloop_Inc we use java🫠
@adagodwin8976
@adagodwin8976 8 ай бұрын
Samee
@Luxcium
@Luxcium Жыл бұрын
I got that in my feed and I subscribed I have to admit that I am writing this comment at 0:10 and that I can not wait to watch all your other videos ....
@army9700
@army9700 7 ай бұрын
Fantastic tutorial. keep up the awesome work
@DenzelBraithwaite
@DenzelBraithwaite Жыл бұрын
awesome, just helped me make a card "slide in" animation when the player gets a new card ;) really appreciate it
@useronetwothree-z6f
@useronetwothree-z6f Ай бұрын
best css tutorial, fast and ez to learn, thx a lot❤❤❤
@Alima_khan1
@Alima_khan1 3 күн бұрын
Indeed ! Your tutorial helps me to better understand in one shot 🧐... Impressive.... Keep uploading your treasure to us ... 😂
@runyagwavava4930
@runyagwavava4930 5 ай бұрын
Man you saved my life. Thank you. The explanation was clear.🤗
@360Benefit
@360Benefit 10 ай бұрын
In four words YOU ARE A TUTOR, bravo!!
@mihailvasilkoff4330
@mihailvasilkoff4330 2 ай бұрын
You deserve my subscription! Fabulous
@IrfanShaikh-br9ie
@IrfanShaikh-br9ie Жыл бұрын
I never thought it would be so easy.This is the only channel where i can learn complex css in a very easy way with simple examples hats off man i am never gonna unsubscribed you . 🙌😊
@slayingthedragon
@slayingthedragon Жыл бұрын
❤️❤️❤️❤️❤️❤️
@NeoCoderNet
@NeoCoderNet Жыл бұрын
CSS 3d rotate card. Along with Source Codes😁 kzbin.info_HSut9_E_fc?feature=share
@mimcris8481
@mimcris8481 11 ай бұрын
One of the best CSS contents on KZbin!
@sanarahman6996
@sanarahman6996 Жыл бұрын
The reusability concept was awesomee.....Great work ..thanks alot
@putudharma4352
@putudharma4352 Жыл бұрын
Wow dude, your teaching method is really work for me. Been watching countless tutorial, your one is the easiest to uderstand so far. Auto sub!
@RoccoBronson
@RoccoBronson 11 ай бұрын
Your channel is pure gold. Don't ever stop putting out videos. You are destined to millions of subs, you deserve it.
@surajgoraicse
@surajgoraicse 4 ай бұрын
This is a masterpiece... Love from India..
@brazwen
@brazwen 22 күн бұрын
I love your content. concise and simple. I wish you do something similar with JavaScript.
@meeljan
@meeljan 2 жыл бұрын
This will be huge once it blows up. I'm so lucky i found this
@slayingthedragon
@slayingthedragon 2 жыл бұрын
Thank you 🙂 !
@arthurkelvim5689
@arthurkelvim5689 Жыл бұрын
Im Brazilian Student and you help me, thanks bro.
@flo8903YT
@flo8903YT 9 ай бұрын
BEster mann, ich schwöre du hast mein leben gerettet brudi. Ich kann dir nicht genug danken! 👍👍
@MattBiddick
@MattBiddick Жыл бұрын
By far the best CCS explanations I’ve seen. I know these must take a lot of effort to make. Keep it up!
@NeoCoderNet
@NeoCoderNet Жыл бұрын
CSS 3d rotate card. Along with Source Codes😁 kzbin.info_HSut9_E_fc?feature=share
@underconstructionpersonalt725
@underconstructionpersonalt725 10 ай бұрын
Yes your videos a legit dude. It´s awesome how much effort you put into it to provide us with the very essence of the lectures. I will definitely support you.
@Mridul_Paul
@Mridul_Paul Жыл бұрын
great content...covered the topic effortlessly without over-explaining.. loved it❤
@developer_014
@developer_014 Жыл бұрын
Great content, and what i really loved was ur simplicity!!
@akmzahidulislam2764
@akmzahidulislam2764 Жыл бұрын
You probably don't know what invaluable resources you are throwing to us! All I need to do is to train myself as a good fielder (like in cricket) to become an effective ball catcher. Keep it up, bro! This way of teaching tech is the best to teach the difficult aspects of coding. This is like having a sherpa in the attempt of climbing the mount Everest! Follow, and explore further!
@slayingthedragon
@slayingthedragon Жыл бұрын
Thank you 🙏
@theloose7971
@theloose7971 2 жыл бұрын
I'm very happen, that the algorithm showed me your channel. Keep your great work up
@slayingthedragon
@slayingthedragon 2 жыл бұрын
Thank you 😁
@GfoxSim
@GfoxSim 10 ай бұрын
WOW! Animation really makes websites look cool and fun to use. It's like Tony Stark's impressive interfaces.
@taherariwala4055
@taherariwala4055 Жыл бұрын
Im not a beginner to CSS animation, but i did learn new things, thanks.
@thebluriam
@thebluriam 3 ай бұрын
A master in the craft and a phenomenal KZbin name, insta-subscribed
@KyrylWins
@KyrylWins 8 ай бұрын
bro u are literally God of an explenation. I am amazaed and satisfied thanks
@osamugaming1807
@osamugaming1807 Жыл бұрын
one of the best tutorial for beginners like me, you explain every details for me thank you dude.
@coil8906
@coil8906 2 жыл бұрын
naw dawg, imma like this and comment to help your algo in any way I can. you gotta blow up on here, I and many others NEED this level of quality content. please continue what you're doing, big fan of the aesthetic and presentation format. you're gonna be huge on here in the near future I just know it
@slayingthedragon
@slayingthedragon 2 жыл бұрын
Thankkkk you very much, I really appreciate it 💯💯 😁
@anushkasingh9470
@anushkasingh9470 6 ай бұрын
Thank you so much! I have learnt so many CSS concepts through your videos. Always concise with such clear examples. Keep posting frontend stuff!💥🤟
@AltBox4
@AltBox4 Жыл бұрын
Best introduction to keyframes on youtube and animations. Liked, commented, subscribed!
@isabellexavier5458
@isabellexavier5458 Жыл бұрын
I've never seen such a good quality at teaching. Thank you very much for the content!
@NeoCoderNet
@NeoCoderNet Жыл бұрын
CSS 3d rotate card. Along with Source Codes😁 kzbin.info_HSut9_E_fc?feature=share
@evilyt2572
@evilyt2572 18 күн бұрын
my exame is after tomorrow and this men is saving me
@amanpratapsingh3256
@amanpratapsingh3256 Жыл бұрын
Man How do you create such a high quality videos with so much of condensed data.....I will also say that you have some dope video editing skills....Now we need lesson on video editing also.
@dynowealth
@dynowealth Жыл бұрын
Much better explaining than university professors, great job
@shahidvohra2239
@shahidvohra2239 Жыл бұрын
The way of explaining is very good
@divine_soup
@divine_soup Жыл бұрын
This dude will save my project
@FMNathan999
@FMNathan999 9 ай бұрын
Thanks man, did you help me so much, I'm beginner on HTML and CSS, your video is amazing.
@codeme8016
@codeme8016 2 ай бұрын
Amazing, clear and comprehensive!
@cocgamerzs5049
@cocgamerzs5049 Жыл бұрын
Man! You are awesome 👍👍👍 Your way of talking and politeness are incredibly amazing 🤩🤩🤩 Just love it broo!!!!!
@sabonacio
@sabonacio Жыл бұрын
man you really made it easy Salutes from Portugal.
@UmerKhalid206
@UmerKhalid206 5 ай бұрын
Simply Love the way you explained
@TheuppercaseM
@TheuppercaseM Жыл бұрын
just discovered this channel and youre so underrated
@zidanshaikh4929
@zidanshaikh4929 Жыл бұрын
bro how are you only at 20k subs this is so freaking good please keep making vids like this
@codingwithk2.085
@codingwithk2.085 Жыл бұрын
Tysm, I can make my website with proud now!
@rmy48srikanth45
@rmy48srikanth45 Жыл бұрын
good morning sir my name is srikanth, good explaination , thank you for uploading these types of videos... we need more like these css properties like......................... position, grid etc.. thanking you G.Srikanth
@slayingthedragon
@slayingthedragon Жыл бұрын
Many more videos on the way 🤝🤝💯
@slayingthedragon
@slayingthedragon Жыл бұрын
Although grid is already up kzbin.info/www/bejne/e5qxmoZ8frV8h6c
@rmy48srikanth45
@rmy48srikanth45 Жыл бұрын
@@slayingthedragon thank you sir but make sure we need a complete video on css full tutorial we are waiting for that
@breadmilkYT
@breadmilkYT 8 ай бұрын
Teaching myself css/html and Im making my own personal website, I then had the idea of putting a looping animation on the home page and the very next time I open KZbin I get this video. Get out of my head
@farhangmdc
@farhangmdc 9 ай бұрын
Very helpful !!
@BarthroSwieshco
@BarthroSwieshco 7 ай бұрын
You're saving my lazy ass.... Thank you and God bless🙏🙏🙏
@victoriakezerle-cole
@victoriakezerle-cole Жыл бұрын
Thank you.. ily rn cause i was beating my head into a wall trying to figure our where i was suppose to connect the code to get the style to work! omg.
@rameenana
@rameenana 11 ай бұрын
Thanks man. This was really helpful.
@aytuncdemir4844
@aytuncdemir4844 Жыл бұрын
Explanation is really clear. You should start HTML\CSS tutorials.
@vaibhavtyagi619
@vaibhavtyagi619 Жыл бұрын
i am a beginner and you blow up my mind bro and nicely explain
@TokyoXtreme
@TokyoXtreme 8 ай бұрын
13 videos and 94k subs - hell yeah. I'll probably binge them all tomorrow.
A CSS Unit Deep Dive - Learn CSS Units & When To Use Them
15:13
Slaying The Dragon
Рет қаралды 94 М.
Award Winning Animation With Only 20 Lines Of CSS?
6:59
Hyperplexed
Рет қаралды 1,9 МЛН
Perfect Pitch Challenge? Easy! 🎤😎| Free Fire Official
00:13
Garena Free Fire Global
Рет қаралды 96 МЛН
ТЫ В ДЕТСТВЕ КОГДА ВЫПАЛ ЗУБ😂#shorts
00:59
BATEK_OFFICIAL
Рет қаралды 4,3 МЛН
Learn CSS animations in 15 minutes! 🎬
15:19
Bro Code
Рет қаралды 72 М.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 980 М.
Learn All Types of CSS Border Animations in Just 5 Minutes
4:38
Learn CSS Flexbox in 20 Minutes (Course)
20:37
Coding2GO
Рет қаралды 244 М.
Make Awesome SVG Animations with CSS // 7 Useful Techniques
12:20
Learn Flexbox CSS in 8 minutes
8:16
Slaying The Dragon
Рет қаралды 1,7 МЛН
10 CSS animation tips and tricks
20:13
Kevin Powell
Рет қаралды 181 М.
Learn CSS BOX MODEL - With Real World Examples
17:45
Slaying The Dragon
Рет қаралды 142 М.
Incredible scroll-based animations with CSS-only
32:23
Kevin Powell
Рет қаралды 474 М.
Every CSS Animation property
9:26
chunkydotdev
Рет қаралды 79 М.