Student Reviews
( 5 Of 5 )
1 review
Video of How to make Social Media Navigation Buttons in HTML CSS & JavaScript in HTML&CSS Projects course by CodingLab channel, video No. 58 free certified online
How to make Social Media Navigation Buttons in HTML CSS & JavaScript Animated Buttons
In this video tutorial, you will learn to make Animated Social Media Navigation Buttons using HTML, CSS, and JavaScript. When you click on the plus icon all media icons will appear and the plus icons will change into a cross shape when you click on that plus again, all the media icons will disappear and the cross icon will change into a plus icon. When you hover on the media icons or button a tooltip appears and indicates the name of the math media icon.
---
Links
Subscribe For More Free Tutorials and Source Code:
https://www.youtube.com/codinglabyt
Download Source Codes From Here
https://www.codinglabweb.com
Navigation Menu
https://youtube.com/playlist?listPLImJ3umGjxdBzMlTvJk1iz3qFyJhl28S5
All website sections
https://youtube.com/playlist?listPLImJ3umGjxdAxdZJKS-RH7DodOdy1K5Uy
---
Timestamps:
00:00 Social Media Nav Buttons Demo
00:43 How to Import Fonts
01:34 How to Import Font Icons
01:55 Social Media Navigation Button in HTML
04:40 Social Media Navigation Button in CSS
08:23 Creating Tooltip CSS
10:11 How to give color from HTML
13:38 Creating a button to open and close
15:57 JavaScript code to open and close
#button_animation #navigation_button #HTML_CSS_JavaScript
---
Music Credit:
Deep Sea by Vendredi
https://youtu.be/pgyO_nxgmnE
Something 'bout July (Instrumental) by RYYZN
Music promoted by Audio Library https://youtu.be/OFga9pkl6RU
Song: Ehrling - You And Me (Vlog No Copyright Music)
Video Link: https://youtu.be/8HJSl7AiJNg