Reverse Engineer CSS Animations #Shorts

Use the Chrome browser's animation dev tools to record, analyze, and reverse engineer CSS animations.

#css #webdev #shorts

[fgsaldanha]

Pro tip for advanced programmers: use Ctrl + C and Ctrl + V

[rubenforner]

"Animate like a pro by right click copy and paste " loved that ❤️

[seasong]

- Why should we hire you?
- Look at these fancy animations...

[robhartle]

When you thought it was impossible to learn stuff in just 100 seconds, he comes along and teaches you something in almost a third of 100 seconds. Kudos to the man, everybody!

[FalseDev]

The ending about copy pasting was smooth

[verified_tinker]

jokes on you, my boss pays me for this

[catmankitty]

This is the best CSS tutorial I've ever seen

[febrilian]

Me, a backend developer:
"Hmm interesting 🤔"

[fikrad]

Last step don't tell your friends you copy and past : trust me 😅

[madloop]

“Good artists borrow, great artists steal.”

[iAmPerflexed]

**copy pasted fancy CSS animations**

Hiring manager: "ooh spangly things 🤩 you're hired."

[ThiagoVieira]

Now I can do fancy animations in less than 38 seconds. Got'em!

[mukeshwarvarma]

Duuude. I was asked today to look at how a website did their animations and I had no clue where to start. Annnd then this shows up on my recommendation 🤔😯

[tonymasse]

Freaking hilarious! 😂
Yet super informative, I didn't know about the Animation Panel in Dev Tools. Awesome.

[FalseDev]

Me a backend developer watching this anyways:

[marufhassan]

Expert devs and designer taking months to create flawless animation
.
.
Me- Copy paste goes

[brianalpert]

Student who only knows C/C++: hmm yes interesting.

[rmoyni]

All these shorts’ endings are fantastic 😂

[Calupp]

Literally the only shorts I've ever "liked" Please keep these coming

[daniel_q]

Dude... the freaking animation panel indeed exists, crazy.
Been looking for something like that for a long time