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
Видео Animated Social Media Buttons 3 Ways | HTML & CSS канала codeSTACKr
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
Видео Animated Social Media Buttons 3 Ways | HTML & CSS канала codeSTACKr
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Animated glitch text effect with CSS onlySocial Media Icons using HTML CSSTop 10 Best VS Code ExtensionsHow to use font awesome icons in 2020 | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020addEventListener() - Beau teaches JavaScriptAwesome Hover Effect on Buttons Using HTML & CSSHow to make Social Media Animated using Kinemaster TutorialAwesome Social Media Buttons Hover Only HTML & CSSSocial media buttons with amazing animation on hover using html & css3D Social Media Button Using HTML & CSS || Foolish DeveloperBEST NFT Collection Minting Site (dApp) - Entire Process! Whitelist & Launch a Collection (10,000+)Really fun CSS hover effectsTop 10 Stunning CSS 3 Effects For Navigation BarUnique Social Media Lower Thirds Animation | After Effects TutorialEASY MOTION GRAPHICS FOR YOUTUBERS! - mTuber 2 plugin for FCPXTypewriter Effect CSS | HTML & CSSSocial media buttons with amazing hover effect using html & cssHow To Make Login & Registration Form Using HTML And CSS Step By StepCSS Crash Course In 30 Minutes