Learn CSS Animations In 20 Minutes - For Beginners

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ธ.ค. 2024

ความคิดเห็น •

  • @slayingthedragon
    @slayingthedragon  ปีที่แล้ว +24

    🚨🚨🚨 New CSS Course - slayingthedragon.io 🚨🚨🚨

  • @fernandoboschiero1178
    @fernandoboschiero1178 2 ปีที่แล้ว +382

    Dude. I just started studying HTML/CSS a week ago and I have found plenty of good TH-cam educators, but your channel has by far been the most enlightening. Thanks for the content!

    • @slayingthedragon
      @slayingthedragon  2 ปีที่แล้ว +17

      Thank you so much ☺️❤️❤️

    • @NeoCoderNet
      @NeoCoderNet ปีที่แล้ว

      CSS 3d rotate card. Along with Source Codes😁
      th-cam.com/users/shorts_HSut9_E_fc?feature=share

    • @top10youtubevideos64
      @top10youtubevideos64 7 หลายเดือนก่อน +3

      How was your journey. I hope you are a full stack developer by now. Please share your experience. Thank You

  • @remikuraa
    @remikuraa 9 หลายเดือนก่อน +20

    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 6 หลายเดือนก่อน

      I agree. this is wholesome content .

  • @johnramos7761
    @johnramos7761 ปีที่แล้ว +47

    Don't stop creating this kind of videos, they are superb: short, concise, and complete. Congrats!

    • @r_dzr
      @r_dzr 6 หลายเดือนก่อน +1

      21 minutes and 22 seconds is not short…

    • @kompetenzbox
      @kompetenzbox 4 หลายเดือนก่อน +1

      @@r_dzr better than reading an article for 40 minutes imo

    • @r_dzr
      @r_dzr 4 หลายเดือนก่อน +1

      @@kompetenzbox thats true ig

  • @waylandmayo
    @waylandmayo ปีที่แล้ว +59

    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.

  • @amad7.7
    @amad7.7 2 ปีที่แล้ว +362

    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 ปีที่แล้ว +21

      Thank you very much !! 😊

    • @qaushain
      @qaushain 2 ปีที่แล้ว +5

      So true

    • @5464654135756
      @5464654135756 ปีที่แล้ว +7

      I’m of the same mind. I could already tell from the beginning. No promenade and only content you need to know 😮

    • @vivu9459
      @vivu9459 ปีที่แล้ว +1

      It’s true

    • @StarHive5
      @StarHive5 ปีที่แล้ว +1

      🎉HE DID🎉🎉😊

  • @anuka313
    @anuka313 24 วันที่ผ่านมา +1

    I've watched countless tutorials with "Learn in -- minutes" as a title and your teaching style really sets you apart. I have a hard time concentrating on a single subject long enough to make sense of it but your way of teaching keeps me glued to the screen. Yet I don't feel anxious about having a time limit in which I should understand and learn everything discussed in the video.
    I don't know how you manage to do it, just want to let you know it's greatly appreciated. Instead of feeling dread about tackling a new subject I'm not good at, your tutorials make me excited about implementing the stuff I learned in practice. Thank you!

  • @francisnjugunaldc
    @francisnjugunaldc ปีที่แล้ว +10

    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

  • @2010daigo1
    @2010daigo1 2 ปีที่แล้ว +18

    Your production quality is good enough to deserve 100x more subscribers

  • @Uzair57
    @Uzair57 ปีที่แล้ว +17

    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 ปีที่แล้ว

      We know peoples like you change kind person to be selfish😢😢

  • @GuillermoArellano
    @GuillermoArellano 7 หลายเดือนก่อน +4

    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!

  • @bartheus6709
    @bartheus6709 ปีที่แล้ว +3

    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 !!!

  • @jesf570
    @jesf570 5 หลายเดือนก่อน +3

    Holy shit, this is how all youtube videos on coding related tutorials should be shown. Amazing. Amazing.

  • @pranavdcpatil
    @pranavdcpatil ปีที่แล้ว +8

    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 ❤️💯

  • @soundtrickz
    @soundtrickz ปีที่แล้ว +12

    Man, you deserve every flowers you get. Your explanations and details are accurate and concise. Top quality content 👏🏽 👏🏽

    • @padhai2535
      @padhai2535 5 หลายเดือนก่อน

      Are you full stack developer now??

    • @soundtrickz
      @soundtrickz 5 หลายเดือนก่อน

      @@padhai2535 yes I am

  • @chompoolertsmitphorn2698
    @chompoolertsmitphorn2698 3 หลายเดือนก่อน +1

    Thanks!

  • @octotube463
    @octotube463 8 หลายเดือนก่อน +2

    This video was really good; it was concise and complete

  • @gildacles1238
    @gildacles1238 ปีที่แล้ว +2

    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😁
      th-cam.com/users/shorts_HSut9_E_fc?feature=share

  • @Eavesdro_pper
    @Eavesdro_pper 5 หลายเดือนก่อน +2

    This is what I have been looking for , dude you deserve my subscription.

  • @shahobiddinismoilov
    @shahobiddinismoilov 6 หลายเดือนก่อน +1

    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

  • @ArunM-y1e
    @ArunM-y1e ปีที่แล้ว +2

    seriously i never seen someone explaining like this. thank you 🤩

  • @noirsociety
    @noirsociety 2 ปีที่แล้ว +23

    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  2 ปีที่แล้ว

      Thank you so much ❤️❤️❤️☺️

    • @UjjwalMishra_68
      @UjjwalMishra_68 ปีที่แล้ว

      @@slayingthedragon bro is there any differeence between only transition and transition delay

    • @slayingthedragon
      @slayingthedragon  ปีที่แล้ว +2

      @@UjjwalMishra_68 Transition is a shorthand and can do all of the individual transition properties while transition-delay can only add a delay

  • @NeverEvi
    @NeverEvi ปีที่แล้ว +4

    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!

  • @avrakadavra1552
    @avrakadavra1552 8 หลายเดือนก่อน +2

    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

  • @bibs9924
    @bibs9924 6 หลายเดือนก่อน +2

    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!

  • @abdulRahman-6262
    @abdulRahman-6262 9 หลายเดือนก่อน +1

    You are really slaying the dragon , clean , clear , enlightening

  • @sufyanakbar7153
    @sufyanakbar7153 ปีที่แล้ว +2

    Where were you all my life. This is gold

  • @thuanh9247
    @thuanh9247 9 หลายเดือนก่อน +1

    Big respect for you from Vietnam 🎉. I am starting my first web-based application for school prj and your channel arrived just in time ❤

  • @RoccoBronson
    @RoccoBronson ปีที่แล้ว +1

    Your channel is pure gold. Don't ever stop putting out videos. You are destined to millions of subs, you deserve it.

  • @AltBox4
    @AltBox4 ปีที่แล้ว +1

    Best introduction to keyframes on youtube and animations. Liked, commented, subscribed!

  • @JoSanInk
    @JoSanInk 7 หลายเดือนก่อน +1

    this was the shortest 20 min video i ever watched.
    great content.

  • @mimcris8481
    @mimcris8481 ปีที่แล้ว +1

    One of the best CSS contents on TH-cam!

  • @NeveRedditStories
    @NeveRedditStories 18 วันที่ผ่านมา +1

    brooo you make me understand these so well please keep uploading more

  • @facefamousee
    @facefamousee 28 วันที่ผ่านมา +1

    I love the in depth teaching, greatly appreciated. Thank You.

  • @artemisfowl9002
    @artemisfowl9002 ปีที่แล้ว +1

    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

  • @dalan9034
    @dalan9034 8 หลายเดือนก่อน +1

    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 :)

  • @akmzahidulislam2764
    @akmzahidulislam2764 2 ปีที่แล้ว +2

    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!

  • @underconstructionpersonalt725
    @underconstructionpersonalt725 11 หลายเดือนก่อน +2

    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.

  • @microsurf128
    @microsurf128 7 หลายเดือนก่อน +1

    Brilliant lesson, without all the "blab blab blab" that others do! - Thank you that was great!

  • @developer_014
    @developer_014 ปีที่แล้ว +3

    Great content, and what i really loved was ur simplicity!!

  • @flo8903YT
    @flo8903YT 10 หลายเดือนก่อน +1

    BEster mann, ich schwöre du hast mein leben gerettet brudi. Ich kann dir nicht genug danken! 👍👍

  • @CaioCromos
    @CaioCromos 7 หลายเดือนก่อน +1

    thats what i call a high quality tutorial. really excited to try all this!

  • @isabellexavier5458
    @isabellexavier5458 ปีที่แล้ว +3

    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😁
      th-cam.com/users/shorts_HSut9_E_fc?feature=share

  • @MattBiddick
    @MattBiddick ปีที่แล้ว +3

    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😁
      th-cam.com/users/shorts_HSut9_E_fc?feature=share

  • @theloose7971
    @theloose7971 2 ปีที่แล้ว +1

    I'm very happen, that the algorithm showed me your channel. Keep your great work up

  • @MilanGurung-oz5co
    @MilanGurung-oz5co 9 หลายเดือนก่อน +1

    one of the best animation tutorial video.

  • @sayanghosh6996
    @sayanghosh6996 2 ปีที่แล้ว +18

    this is really helpful and way more detailed than other tutorials, thanks

    • @slayingthedragon
      @slayingthedragon  2 ปีที่แล้ว

      Thank you! I'm glad it was helpful 😃

    • @NeoCoderNet
      @NeoCoderNet ปีที่แล้ว

      CSS 3d rotate card. Along with Source Codes😁
      th-cam.com/users/shorts_HSut9_E_fc?feature=share

  • @putudharma4352
    @putudharma4352 ปีที่แล้ว +1

    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!

  • @captainfire74
    @captainfire74 หลายเดือนก่อน +1

    Wow, so clear and condensed, perfect ! Thx for your work ! ;)

  • @useronetwothree-z6f
    @useronetwothree-z6f 2 หลายเดือนก่อน +2

    best css tutorial, fast and ez to learn, thx a lot❤❤❤

  • @Mridul_Paul
    @Mridul_Paul ปีที่แล้ว +4

    great content...covered the topic effortlessly without over-explaining.. loved it❤

  • @360Benefit
    @360Benefit 11 หลายเดือนก่อน +1

    In four words YOU ARE A TUTOR, bravo!!

  • @hasnaat-du4ft
    @hasnaat-du4ft 10 หลายเดือนก่อน +3

    I have found plenty of good TH-cam educators, but your channel has by far been the most enlightening.

  • @TimGavin
    @TimGavin ปีที่แล้ว +1

    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😁
      th-cam.com/users/shorts_HSut9_E_fc?feature=share

  • @sweatypotato248
    @sweatypotato248 ปีที่แล้ว +2

    Omg, what gem of channel, Thankyou

  • @krismatic_
    @krismatic_ 2 ปีที่แล้ว +1

    This is what I call a great guy. Thank you!

  • @Luxcium
    @Luxcium ปีที่แล้ว +3

    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 ....

  • @elguacam0le
    @elguacam0le ปีที่แล้ว +1

    The best video about CSS animations. Thank's !

  • @DenzelBraithwaite
    @DenzelBraithwaite ปีที่แล้ว +1

    awesome, just helped me make a card "slide in" animation when the player gets a new card ;) really appreciate it

  • @IrfanShaikh-br9ie
    @IrfanShaikh-br9ie ปีที่แล้ว +1

    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😁
      th-cam.com/users/shorts_HSut9_E_fc?feature=share

  • @zidanshaikh4929
    @zidanshaikh4929 ปีที่แล้ว +1

    bro how are you only at 20k subs this is so freaking good please keep making vids like this

  • @sanarahman6996
    @sanarahman6996 ปีที่แล้ว +1

    The reusability concept was awesomee.....Great work ..thanks alot

  • @sabonacio
    @sabonacio ปีที่แล้ว +1

    man you really made it easy
    Salutes from Portugal.

  • @thebluriam
    @thebluriam 4 หลายเดือนก่อน +1

    A master in the craft and a phenomenal TH-cam name, insta-subscribed

  • @codeme8016
    @codeme8016 3 หลายเดือนก่อน +1

    Amazing, clear and comprehensive!

  • @TheuppercaseM
    @TheuppercaseM ปีที่แล้ว +1

    just discovered this channel and youre so underrated

  • @codebreaker8928
    @codebreaker8928 8 หลายเดือนก่อน +1

    You and your videos r goat They r great to learn and revise since they r simple and short

  • @iamagamer4413
    @iamagamer4413 ปีที่แล้ว +2

    Finally a TH-camr that asks you to like and subscribe correctly

  • @SeriousSnake
    @SeriousSnake 11 หลายเดือนก่อน +1

    Bro, this helped me so much. Using the keyframe knowledge with the little knowledge I have, I made some epic animations!

  • @meeljan
    @meeljan 2 ปีที่แล้ว +1

    This will be huge once it blows up. I'm so lucky i found this

  • @amineherizi4687
    @amineherizi4687 ปีที่แล้ว +1

    Where are you man ? we need more videos from you ! You ROCK !!

    • @slayingthedragon
      @slayingthedragon  ปีที่แล้ว +1

      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!

  • @m.m4051
    @m.m4051 ปีที่แล้ว +8

    i love how straightforward this is! you made it look so easy, i'm so excited to apply this to my practice project. thank you 🙏

  • @adeptusxiao02
    @adeptusxiao02 ปีที่แล้ว +109

    Why did i see this only now when school is over😢😂

    • @My3dstudio686
      @My3dstudio686 ปีที่แล้ว

      Same

    • @chehi5624
      @chehi5624 ปีที่แล้ว

      Fr

    • @Speedytransloop_Inc
      @Speedytransloop_Inc ปีที่แล้ว +5

      Even when school is over never stop learning,
      You can supplement on what u gat to go bigger than your college colleagues 😅

    • @adeptusxiao02
      @adeptusxiao02 ปีที่แล้ว +1

      @@Speedytransloop_Inc we use java🫠

    • @adagodwin8976
      @adagodwin8976 9 หลายเดือนก่อน

      Samee

  • @anonmityslayer
    @anonmityslayer ปีที่แล้ว +1

    this is called quality, period!!!!🤯🙏🙏

  • @marti9442
    @marti9442 2 ปีที่แล้ว +4

    Probably the best channel I’ve found , where im actually understanding syntax and fundamentals , will definitely be looking forward to more of your content

    • @slayingthedragon
      @slayingthedragon  2 ปีที่แล้ว +1

      Thank you Marti I appreciate it very much ☺️, more content on the way 🔥

    • @NeoCoderNet
      @NeoCoderNet ปีที่แล้ว

      CSS 3d rotate card. Along with Source Codes😁
      th-cam.com/users/shorts_HSut9_E_fc?feature=share

  • @KyrylWins
    @KyrylWins 9 หลายเดือนก่อน +1

    bro u are literally God of an explenation. I am amazaed and satisfied thanks

  • @k3tna
    @k3tna 2 ปีที่แล้ว +1

    That is too good to be true. Quality content. Cheers, keep it up

  • @dynowealth
    @dynowealth ปีที่แล้ว +1

    Much better explaining than university professors, great job

  • @osamugaming1807
    @osamugaming1807 ปีที่แล้ว +1

    one of the best tutorial for beginners like me, you explain every details for me thank you dude.

  • @runyagwavava4930
    @runyagwavava4930 6 หลายเดือนก่อน +1

    Man you saved my life. Thank you. The explanation was clear.🤗

  • @anushkasingh9470
    @anushkasingh9470 7 หลายเดือนก่อน +1

    Thank you so much! I have learnt so many CSS concepts through your videos. Always concise with such clear examples. Keep posting frontend stuff!💥🤟

  • @amanpratapsingh3256
    @amanpratapsingh3256 ปีที่แล้ว +3

    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.

  • @pedromuniz-b7d
    @pedromuniz-b7d ปีที่แล้ว +1

    Wow dude, what a awesome video! I was looking for a simple and clear tutorial and i found even more here! Thank you so much, awesome content!

  • @Cutseen3
    @Cutseen3 ปีที่แล้ว +1

    I saw the first 10s of this video and decided subscribe. Bro this is very good!

  • @UmerKhalid206
    @UmerKhalid206 6 หลายเดือนก่อน +1

    Simply Love the way you explained

  • @WhiteLemon_Official
    @WhiteLemon_Official ปีที่แล้ว +1

    wow!! a lot of gem content in your channel sir!!

  • @sachingyandeogaikwad6278
    @sachingyandeogaikwad6278 ปีที่แล้ว +2

    Great Sir.... Its so real expeience i feel like i am sitting in calss room . **i wantched video at 0.75 speed.

  • @Filaxsan
    @Filaxsan 8 หลายเดือนก่อน +1

    Another banger! Great job brother 💪

  • @ClayAsbury122
    @ClayAsbury122 ปีที่แล้ว +1

    Thank you. This and your flexbox video are the clearest and most concise explanations I’ve ever come across.

    • @NeoCoderNet
      @NeoCoderNet ปีที่แล้ว

      CSS 3d rotate card. Along with Source Codes😁
      th-cam.com/users/shorts_HSut9_E_fc?feature=share

  • @surajgoraicse
    @surajgoraicse 5 หลายเดือนก่อน +1

    This is a masterpiece... Love from India..

  • @omarzakareia868
    @omarzakareia868 หลายเดือนก่อน +1

    Such a Talented teacher

  • @josephcastillo3941
    @josephcastillo3941 ปีที่แล้ว +1

    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 ปีที่แล้ว +1

      @@slayingthedragon brother you need to .. your audience is waiting for it .. 🥲

  • @GfoxSim
    @GfoxSim 11 หลายเดือนก่อน +1

    WOW! Animation really makes websites look cool and fun to use. It's like Tony Stark's impressive interfaces.

  • @mikeeomega
    @mikeeomega 2 ปีที่แล้ว +1

    Wow... another great video with the perfect explanation I needed years ago.

  • @johnjenks
    @johnjenks ปีที่แล้ว +1

    Your content is amazing m8 please keep making it.

  • @mihailvasilkoff4330
    @mihailvasilkoff4330 3 หลายเดือนก่อน +1

    You deserve my subscription! Fabulous

  • @nitish-kushwaha-7328
    @nitish-kushwaha-7328 ปีที่แล้ว +1

    first animation video i watched till end, and felt good 😇

  • @FMNathan999
    @FMNathan999 10 หลายเดือนก่อน +1

    Thanks man, did you help me so much, I'm beginner on HTML and CSS, your video is amazing.

  • @abhinavgangwar4690
    @abhinavgangwar4690 หลายเดือนก่อน +1

    As always, excellent content on this channel.

  • @taherariwala4055
    @taherariwala4055 ปีที่แล้ว +1

    Im not a beginner to CSS animation, but i did learn new things, thanks.