3 Ways To Make Your Animations Better

🌎 Find Me Here:

#Shorts

[muffin]

thumbnail: *insults me*
me: "oh hell yeah i'm gonna watch this"

[tommac]

you can use 's' as seconds as well, for example 1s or .3s/0.3s

[emergencyDuck]

The issue with transitioning transforms on hover is that if you hover your mouse on the bottom part of the element it'll trigger the transition but as soon as the cursor is no longer on the element it'll transition back and then it'll start again. This happens over and over make in look like it's vibrating. It could be fixed by triggering the :hover on the parent element and then animate the child. .parent:hover .child {transform: translateY(5px);}

[yajirushik]

Guys, video isn't about how presented button looks just about how to make animations work more smoothly. This idea could be also used for gamedev with setInterval method.

[Oskinavara]

Using transition to animate all properties is an anti-pattern and could cause performance drawbacks

[mohdirfan-nvsl]

Thank dude. I have learnt alot from you. Today i have a job bcz of you.

[Fooljuice]

Chad energy coming from this thumbnail lmao

[Endrit]

Please do a video on animating react apps, not with css but mounting and unmounting animations

[punit]

Can your create a next js course please?

[K-atcjr]

Even I already know about these css properties but still would love to see how great developers use them.

[letranminhkhoa]

First time in a while I see such intense thumbnail from Kyle lol

[nonconsensualopinion]

54 second video, 60 seconds modifying my css and now my site looks way better. Thumbs up!

[schwetang]

Thanks, Kyle; nice one. By the way, I dislike this video orientation (vertical). Why can't I view the default desktop version?

[paulwright]

I never like the way that the button "pre-animates it self" to it's initial state - is there a way to stop this? (without JS)

[jananimohan]

Can u talk about desktop notifications the one how teams notify

[Trazynn]

Got any tips on masking svg's with other svg's?

[iamrajthomas]

Kyle, we would love to watch you demonstrate full fledged animation hacks in a single video. Thanks for sharing. 💚

[nicoxvi]

Why do my animations suck? I‘m already doing the stuff you showed in the video…

[chezchezchezchez]

You really tried hard to make a #short didn’t you?

Dude, don’t make a short just to make a short. This topic deserved a #long!

[CaliburPANDAs]

Why you gotta hate on my shitty animations HUH KYLE~!? oh right, for my views and comments 😂