LBRY Block Explorer

LBRY Claims • i-used-css-and-javascript-to-smash-the

6c62c393ecac1353df230d30a8b243479a6b20c8

Published By
Created On
29 Apr 2022 21:33:48 UTC
Transaction ID
Cost
Safe for Work
Free
Yes
I Used CSS and JavaScript To Smash The Like Button
? IMPORTANT:

Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today?utm_medium=video-description-no-mention&utm_source=youtube&utm_campaign=css-smash-like
1 Year Free Hosting: https://www.atlantic.net/webdevsimplified
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/WebDevSimplified/Smash-The-Like-Button/master/original-like-button.svg
GitHub Code: https://github.com/WebDevSimplified/Smash-The-Like-Button
CodePen Code: https://codepen.io/WebDevSimplified/pen/RwPLOPE


? 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: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


#SmashTheLikeButton #WDS #SVG
...
https://www.youtube.com/watch?v=9IXvLM-Tlcw
Author
Content Type
Unspecified
video/mp4
Language
English
Open in LBRY

More from the publisher

Controlling
VIDEO
THIS
Controlling
VIDEO
HOW T
Controlling
VIDEO
ARE Y
Controlling
VIDEO
LEARN
Controlling
VIDEO
WHY I
Controlling
VIDEO
LEARN
Controlling
VIDEO
LEARN
Controlling
VIDEO
INTRO
Controlling
VIDEO
I CHA