Finally, now I understand how those animations are made. Thank you.
@KevinPowell5 жыл бұрын
No problem!
@bereketgirma86132 жыл бұрын
@@KevinPowell hey Kev can you make a video on css art
@PaulMountney3 жыл бұрын
I love your enthusiasm! It’s like you live and breath for this stuff. I just wish I had someone like you when I started to use CSS!
@cl_toxicness Жыл бұрын
I must say this channel is amazing. The whole vibe of tutorials is amazing and it makes CSS so amazing. Keep up the good work.
@ElementoryMyDearWatson2 ай бұрын
Wow, I would have probably spent weeks trying to figure out how to do that with JS. Really clever, many thanks.
@eddavidbrandt4 жыл бұрын
Will be teaching courses on HTML and CSS soon. The way you explain processes in your videos has made it easier for me to take what I’ve learned intuitively - from years of randomly creating - and translating into clear (and proper) context for students. Thanks!
@illegaldream8 ай бұрын
man you help a lot. You are a perfect teacher. Love you. I wish I meet you one day.
@somenothings4 жыл бұрын
These r dope, I really like how u take the time to figure things out out loud instead of just coding it up from a script- I feel like it gives great insight on how to think as a designer.
@RealDarkSeaKingg4 ай бұрын
Your Videos Are So Good , These Helped Me To Understand CSS I REALLY APPRECIATE IT
@livinglies1675 жыл бұрын
that's what I love about ur methods and CSS..it is the most bang for the buck...more or less-simple, but amazingly effective and practical...not overly complicated...
@rutunjparikh27753 жыл бұрын
0:30 You have instilled Love for CSS in me. Amazing tutorial. Thanks! I was not a design guy but I am starting to like it!
@KevinPowell3 жыл бұрын
So glad to hear that!
@WhiteoutMonster5 жыл бұрын
I just started learning html and css a week ago. I love it! Playing with opacity and background images, to making link homepages and login boxes, it's all fun. Next I need to learn javascript so I can make my page do more.
@blonduose4 жыл бұрын
Thanks, this was really fun, and it's nice doing it yourself and making it work, I think position and z-index are in my brain for good now, and I actually understand the hover property a LOT better now than I used to
@JohnMcCormack5 жыл бұрын
Elegantly explained and demonstrated, as always. Thank you.
@biomcanx15 жыл бұрын
Learned about the z-index never knew to set the parent to 1 to get the item behind the text. Thanks again, great video and information Kevin!
@KevinPowell5 жыл бұрын
No problem at all, super glad you learned something!
@romitmohane48913 жыл бұрын
"We need a content on there with no content in it", that's Bollywood!
@abhishek.rathore3 жыл бұрын
Holy shit! You fucking killed them, dude.
@rebelmachine885 жыл бұрын
Oh man, this was AWESOME Kevin. Definitely going to use some of these!
@emmyleke70492 жыл бұрын
Needed this today. Thanks Kev. I love you.
@edwinloaiza1017 Жыл бұрын
kevin, thanks you for your time, your channel is amazing.
@nathancornwell14554 жыл бұрын
awesome video...showing us in action but also explaining in context WHY you are doing what you do . The why part is the part missing in most people's videos. I'll definitely be checking out the rest of your content and look forward to learning a whole lot more!
@KevinPowell4 жыл бұрын
Glad you like my approach Nathan!
@sobeyyy4 жыл бұрын
Thanks for the video you have a really fun personality. It makes learning even more fun :) Keep up the awesome content!
@Coco-ii2pu11 ай бұрын
I'd be nowhere with CSS if it weren't for Kevin. Bless you
@blokche_dev5 жыл бұрын
Still great content! Thank you Kevin. I really enjoy these videos where it's not only about css but where design is concerned too.
@KevinPowell5 жыл бұрын
Glad you liked it! Always more fun when we're doing some design stuff too :)
@kiwicrafter4 жыл бұрын
While doing it while watching your video. I thought of having the transform:scaleX(0); set to 0 and low and behold you did the same. Great stuff many minds think alike indeed.
@khazza9304 жыл бұрын
just stumbled upon this channel a few days ago and started watching... man i love it. Especially loving all the little gems you cover while covering the main topic. CSS is the thing i do the least, as I've been mainly a back-end developer for the past 5 years, so this very helpful thank you so much for these videos :)
@ryaaan0751 Жыл бұрын
JUST WOW! Thanks for this!
@ronarmengol16772 жыл бұрын
Fantastic stuff Kevin love from Zambia
@joaomarcelo49406 ай бұрын
this video is gold
@MilanB5 жыл бұрын
More of these animation things, please
@nazeerhaidari8272 жыл бұрын
I learned alot from this video Thank you very much !
@mounakarym3912 Жыл бұрын
thank you sir for helping us improve
@mudyeet_4 жыл бұрын
You helped me a lot in the project I made just 2 days ago, thanks a lot!
@shubh47234 жыл бұрын
Amazing video Kewin. I have been looking for it for long time. Finally got it in your video. Thanks and keep making videos like this..
@RoKoFoRu4 жыл бұрын
Just in love with ur SHORT AND INFORMATIVE tuts! Nice maneer not to waste time. And whats more - the chanel is full of COOL STUFF.
@ck00245 жыл бұрын
*Video starts at **3:34*
@alex-rh4mn2 жыл бұрын
ahh so helpful you are a blessing, may you live in prosperity 💕
@e.m.janssen3638 Жыл бұрын
Such a helpful video, thank you.
@salahuddin135 жыл бұрын
I am a big fan of you! Really you are awesome. Love you✌
@Julian-xo7vj Жыл бұрын
You are the Andrew Kramer of the CSS world!
@nizamuddinshaikh31855 жыл бұрын
I learnt a lot by watching this video. Thank you very much.
@mohammedmudassir8373 жыл бұрын
was always curious how those hover animations were made, now i know it.. Thanks 🥳🤩
@XMattingly5 жыл бұрын
"Who's motorcycle is this?" "It's X, Y and Zed's *chopper*, baby." "Who's Zed?" "Zed's dead, baby. Zed's dead."
@joeldcanfield_spinhead5 жыл бұрын
When I create book trailers for clients, I always play with transitions like this. I never thought I'd be able to do it with css. Very cool.
@patriotact37294 жыл бұрын
Please, how can i create a book trailer for clients please?
@joeldcanfield_spinhead4 жыл бұрын
@@patriotact3729 Any video editing tool. Davinci Resolve is massively powerful and takes a while to learn. iMovie on Mac and Movie Maker on Windows are both easy, though a bit limited. Combine video, audio, photos, text.
@patriotact37294 жыл бұрын
@@joeldcanfield_spinhead thanks for quick reply. I'll try movie maker. Thanks again
@benlivingstone82723 жыл бұрын
that's weird I was just watching you the other day for another subject on another account. subbed
@shaktisarkar87932 жыл бұрын
Man, you are a css god!!🔥♥️
@nour-eddineoumakhlouf52963 жыл бұрын
"display:relative" what a lovely mistake! it gives me the strength to carry on learning code. Great job!
@DevAbu972 жыл бұрын
Perfect, big respect
@victoria61965 жыл бұрын
Awesome video. I need to use pseudo elements more often! I started watching your videos a while before I attended a coding bootcamp, they have been so helpful and still are! 🤗 thank youuu
@L0kacitron2 жыл бұрын
I think I've never come across a video that had not at least one dislike. :O This video is so amazing.
@sojibcj46074 жыл бұрын
you are a good teacher. 100% helpful. thank you very much.
@J90JAM3 жыл бұрын
If you want to use the button effects on a pill style button, just add "overflow:hidden" to the button class.
@RariYeahh3 жыл бұрын
The love for CSS is Happening but how can we use this in Figma! What are THOSE tricks?! Would love to learn hovering effects of the latest kind
@devon.dulaney5 жыл бұрын
Thanks for showing us how much fun CSS really is!!!
@bubaimondal36512 жыл бұрын
I think i've fallen in love with css.
@edehchinedu4554 Жыл бұрын
thanks kelvin love from Nigeria
@chlouis-girardot5 жыл бұрын
Big thanks Kevin! I'll use that right now!
@totalolage4 жыл бұрын
I can't help but feel that clip-path would have saved so much woe with that text colouring.
@joshgordon72993 жыл бұрын
Man your videos have helped a ton thank you
@pekkerspye74982 жыл бұрын
you are two good man I really like your videos because your video is really usefull.
@alisamsami79953 жыл бұрын
That was amazing! I realy like this . It can solve lots of problems👍👍👍👍👍
@joydevmaity11945 жыл бұрын
This is awesome. This is really helpful. Sir, many many thanks for this video.
@ZianiLounes4 жыл бұрын
Awesome tutorial, very easy to learn! Thank you!
@anujpartihar3 жыл бұрын
Brilliant videos sir! So helpful.
@crooker25 жыл бұрын
Another great video. Thanks Kev!
@kalidoss72344 жыл бұрын
Thank you Kevin
@aqua1236705 жыл бұрын
i love css and i love this kind of video. please do more !
@dennisdovziy27755 жыл бұрын
Nice job, Kevin! Thank ypu from Ukrane)
@total_tollywood_entertainment2 жыл бұрын
Thank you so much sir.
@havayu5573 жыл бұрын
Thanks Kevin from Russia
@thiagoterceiro99025 жыл бұрын
Amazing video Kevin! You're an awesome teacher! Thanks
@KevinPowell5 жыл бұрын
Thanks Thiago, glad you liked it!
@norvisnorvis75924 жыл бұрын
Thank you so much!!! This really help build some interactives that Im trying to code. Could you please answer a question for me? Can you build a outside of a section?
@KevinPowell4 жыл бұрын
You sure can. Before we had sections, everything was divs :) A div has no semantic meaning, it's just a "division" of content that we can use to organize and group things together, but you can basically use them for anyhting.
@norvisnorvis75924 жыл бұрын
@@KevinPowell Thank you Kevin.... i just have one more question about sections... if i could pay you, i would.... ive been investigating but i couldn't find the answer to my question. Can you nest a inside a . Ex. Thank you 😊. Let me know how i could better support your channel.
@norvisnorvis75924 жыл бұрын
These sections would not have headings,asides, or anytype of html code in them. Basically a section ==$0.
@dreamydroop55883 жыл бұрын
who else noticed his star wars drawing 0:24 Edit : It's Kinda nice
@pedrorqueiroz4 жыл бұрын
Hey Kevin! Cheers from Brazil! I love your videos, they are really helpful! I noticed that at the end of the video, the card effect was a little bit different than the one you showed at the beginning. I wanna make the effect to be kinda symetrical, so the white thing goes in after the orange and goes out before. Do you know how can I do it?
@errolfrancois23955 ай бұрын
@KevinPowell. Just curious... Maybe the length of the chracters with the hover effect can be extrapolated and used to calculate the transform timing, so that the spedd looks the same accross any amount of characters... Just a dumb idea...
@udaykulkarni56394 жыл бұрын
Your videos actually made get my lazy ass up and work on my css skills.. Lmao. You are a gem 💎
@ob-dbsstudent81325 жыл бұрын
Nice work kev
@nadicadizdarevic28352 жыл бұрын
Thanks !
@xpfe5zrm4 жыл бұрын
Your channel is something i've been seeking for a very long time: cool css stuff. Thanks for the great content!
@zhjiyun5 жыл бұрын
Parent relative, Child absolute. Am I the only one all the way staring at the kid painting? Feels there is a little story in it. haha. Thanks Kevin!
@KevinPowell5 жыл бұрын
Haha, just one of my kid's drawings. He makes me tons, but it's one of my favorites
@Law17815 жыл бұрын
Dude, that is just amazing :D So good having subscribed your channel (:
@suzamuidesign4 жыл бұрын
kzbin.info/www/bejne/r6qnlqxnfs6XZsU
@mswondo10 ай бұрын
I try use => elm:hover, elm:focus { } Try to accomodate that on mobile no hover effect
@akhil_sarikonda5 жыл бұрын
Nice Work Kevin!
@guillermoandradaFSD3 жыл бұрын
24:32 Did you said "Content is 'nada' "? Thanks for the video. It's amazing.
@Valky19545 жыл бұрын
Thanks for the cool effects :)
@oljaa99522 жыл бұрын
Thaks! :*
@coffee77402 жыл бұрын
thank you!!
@priyanshusharma67634 жыл бұрын
It's really helpful to me thank you very much :D
@Blaineworld5 жыл бұрын
What really succs is that I would probably enjoy watching this video but i already know how to do these things.
@KevinPowell5 жыл бұрын
Hopefully next time I can do something new :D
@chadrackkyungu11864 жыл бұрын
That was helpful thanks
@jpeeeg1 Жыл бұрын
Hello ! How can you manage to keep it active with a active class for instnce ? Seem like it enters in conflict with the transform
@tanis63716 ай бұрын
I don't get how I can change the style of a pseudo ::before or ::after element when hovering over a different element than the element that contains ::before or ::after. Can anyone help?
@seveto39115 жыл бұрын
You are good teacher. 🏅🎖 Thx You from Poland! 🇵🇱🌍 Really good Job! 👍
@BurakNevruzoglu4 жыл бұрын
with border-radius, buttons doing wierd animation, any solution for it?
@techtips40195 жыл бұрын
I love CSS too . it's amazing and fun to us.
@aegisgfx5 жыл бұрын
All of you?
@KevinPowell5 жыл бұрын
Glad I'm not the only one 😁
@raiyansarker38093 жыл бұрын
Think that I have a big text that is breaked into three lines because of its container. Is there any way to do the same effect for each of the line? I can't find anything for this problem!
@dani010203stor3 жыл бұрын
what if i want a squared-sign when i "hover" a sentence? and the sign to disappear when i move the mouse away from the sentence. could someone guide me with this? 😬
@kf887435 жыл бұрын
As always.......great info.
@armanx24 жыл бұрын
Thank you sir!
@chome45 жыл бұрын
Hovering is less of a thing nowadays because of 'touch' devices, but it's still good to include it just in case!
@KevinPowell5 жыл бұрын
Yup, but it's also about understanding how all this stuff works, plus it's fun to do :D. And since a few people brought this up, I'll do a video taking advantage of this, but using a touch event instead!
@dreah83354 жыл бұрын
Where is this alleged article about transitions and transforms that you recommend we read? I do not see it linked in the description.