I Used CSS and JavaScript To Smash The Like Button
Web Dev Simplified
0:00 / 0:00
I Used CSS and JavaScript To Smash The Like Button
13 915 просмотров · 6 лет назад
Web Dev Simplified
1,78 млн подписчиков
13 915 просмотров · 6 лет назад
🚨 IMPORTANT:
Learn CSS Today Course: https://courses.webdevsimplified.com/...
1 Year Free Hosting: https://www.atlantic.net/webdevsimpli...
Use code KYLE for an additional $50
I keep hearing that I should smash the like button on every video I watch, but the button never actually gets destroyed when I smash it. I decided to change that by making use of CSS, JavaScript, and SVG to create a like button which you can actually smash into pieces. This is a fun video focused on how you can use SVG to do some really unique things in CSS that are not possible with normal HTML and CSS.
📚 Materials/References:
Original SVG Code: https://raw.githubusercontent.com/Web...
GitHub Code: https://github.com/WebDevSimplified/S...
CodePen Code: https://codepen.io/WebDevSimplified/p...
🧠 Concepts Covered:
How to use SVG with CSS
Why SVG is best for unique animations and icons
How to use the JavaScript transitionend event
🌎 Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: / webdevsimplified
Twitter: / devsimplified
Discord: / discord
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
#SmashTheLikeButton #WDS #SVG