Animated Social media floating action button // Speedrun // HTML & CSS Tutorial
Learn how to build an animated floating action button with social media icons in this HTML & CSS Speedrun and see how to
✔️ use CSS transformations
✔️ use CSS variables to build different themes
✔️ use JS to toggle a class
🔔 SUBSCRIBE & LIKE 🔔
/ crayoncode
⌨️ CODE ⌨️
Source code is available on codepen:
https://codepen.io/crayon-code/pen/Ba...
☕ SUPPORT MY WORK 🙏
All my sources (12+):
https://ko-fi.com/s/fbf4c8c547
Source code for this project:
https://ko-fi.com/s/85b5ab4feb
https://ko-fi.com/crayoncode
👋 FOLLOW ME
📸 INSTAGRAM: / crayon_code
💎 ASSETS
⏱️ TIMESTAMPS
00:00 Setup, Variables & Styles
02:18 Button Positioning
03:18 Transformations
04:35 JS Event Code
05:41 Shades & Transitions
🏷️ HASHTAGS
#html #css #js #tutorial