Animated Social Media Buttons 3 Ways | HTML & CSS



In this video we’ll create three sets of social media icon buttons using only HTML and CSS (SCSS). We will use Font Awesome for the icons. Each example will have a unique, awesome animation. I’m calling these “Sleek”, “8-bit”, and “Glitchy”. Let me know what you think..

Source Code: https://github.com/codeSTACKr/social-icons

Timestamps:
00:00 – Intro
00:40 – Sleek Button Animation
14:15 – 8-bit Button Animation
30:35 – Glitchy Button Animation
_____________________________________

đź“š Learn to CODE in just a FEW months here:
Treehouse Discount Code: https://treehouse.7eer.net/codeSTACKr
_____________________________________

🛠️ Tools I use:
đźź  Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
đźź  Font: STACKr Code (Exclusive to my VS Code Course – https://vsCodeHero.com)
đźź  SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions

🤖 I now use AI-powered code completions thanks to Kite. You should too so grab it FREE: https://www.kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=codestackr&utm_content=description-only
_____________________________________

đź’– Show support!
PayPal: https://paypal.me/codeSTACKr
_____________________________________

Watch Next:
Web Development – Beginners Roadmap (2020) – https://youtu.be/iogabydg2y0
Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________

Connect With Me:
Website: http://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr/
Facebook: https://facebook.com/codeSTACKr
_____________________________________

** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

#codeSTACKr #CSS #learntocode

source