Comments on: Social Media Buttons with Tooltip on Hover using only HTML & CSS https://www.codingnepalweb.com/social-media-buttons-with-tooltip-on-hover/ CodingNepal is a blog dedicated to providing valuable and informative content about web development technologies such as HTML, CSS, JavaScript, and PHP. Tue, 22 Nov 2022 16:40:54 +0000 hourly 1 https://wordpress.org/?v=6.4.2 By: vaibhav dabral https://www.codingnepalweb.com/social-media-buttons-with-tooltip-on-hover/#comment-6693 Tue, 18 Jan 2022 14:30:41 +0000 https://codingnepalweb.com/2020/08/25/social-media-buttons-with-tooltip-on-hover-using-only-html-css/#comment-6693 In reply to Unknown.

css = .wrapper .icon:hover span,
.wrapper .icon:hover .tooltip {
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
}

.wrapper .facebook:hover span,
.wrapper .facebook:hover .tooltip,
.wrapper .facebook:hover .tooltip:before {
color: white;
background-color: #3B5999;
}
html=

Facebook


My friend use this code and boom your icon color is black and also when you hover ,icon color turn white . Try this..

]]>
By: ishmael https://www.codingnepalweb.com/social-media-buttons-with-tooltip-on-hover/#comment-6539 Wed, 05 Jan 2022 04:29:22 +0000 https://codingnepalweb.com/2020/08/25/social-media-buttons-with-tooltip-on-hover-using-only-html-css/#comment-6539 can you help me with a screenshot on how to insert my facebookl ink sir?

]]>
By: CodingNepal https://www.codingnepalweb.com/social-media-buttons-with-tooltip-on-hover/#comment-6065 Wed, 01 Dec 2021 09:07:11 +0000 https://codingnepalweb.com/2020/08/25/social-media-buttons-with-tooltip-on-hover-using-only-html-css/#comment-6065 In reply to Eugene.

Paste the HTML codes in your HTML file and CSS code in your CSS file.

]]>
By: Eugene https://www.codingnepalweb.com/social-media-buttons-with-tooltip-on-hover/#comment-5830 Sun, 21 Nov 2021 04:44:11 +0000 https://codingnepalweb.com/2020/08/25/social-media-buttons-with-tooltip-on-hover-using-only-html-css/#comment-5830 where should i put the code?
in css or html sir

]]>
By: CodingNepal https://www.codingnepalweb.com/social-media-buttons-with-tooltip-on-hover/#comment-3901 Thu, 02 Sep 2021 10:12:41 +0000 https://codingnepalweb.com/2020/08/25/social-media-buttons-with-tooltip-on-hover-using-only-html-css/#comment-3901 In reply to Unknown.

Happy to hear that

]]>
By: Unknown https://www.codingnepalweb.com/social-media-buttons-with-tooltip-on-hover/#comment-3795 Sun, 29 Aug 2021 13:42:35 +0000 https://codingnepalweb.com/2020/08/25/social-media-buttons-with-tooltip-on-hover-using-only-html-css/#comment-3795 In reply to Unknown.

*worked

]]>
By: Unknown https://www.codingnepalweb.com/social-media-buttons-with-tooltip-on-hover/#comment-3794 Sun, 29 Aug 2021 13:41:34 +0000 https://codingnepalweb.com/2020/08/25/social-media-buttons-with-tooltip-on-hover-using-only-html-css/#comment-3794 Thank you so much..it wormed. You are not selfish and you provideo codes…once again Thank you!
Your youtube channel is the best and selfless coding channel!

]]>
By: Julian https://www.codingnepalweb.com/social-media-buttons-with-tooltip-on-hover/#comment-3169 Tue, 03 Aug 2021 21:02:06 +0000 https://codingnepalweb.com/2020/08/25/social-media-buttons-with-tooltip-on-hover-using-only-html-css/#comment-3169 How do I add icons to the social media buttons

]]>
By: CodingNepal https://www.codingnepalweb.com/social-media-buttons-with-tooltip-on-hover/#comment-200 Thu, 04 Mar 2021 13:51:44 +0000 https://codingnepalweb.com/2020/08/25/social-media-buttons-with-tooltip-on-hover-using-only-html-css/#comment-200 .wrapper .icon span i{color: #fff}
try this!

]]>
By: Unknown https://www.codingnepalweb.com/social-media-buttons-with-tooltip-on-hover/#comment-246 Thu, 04 Mar 2021 13:26:18 +0000 https://codingnepalweb.com/2020/08/25/social-media-buttons-with-tooltip-on-hover-using-only-html-css/#comment-246 Hi i have one Question i do this "a href="your link here" target="_blank" class="icon facebook" div class="tooltip" Facebook div span i class="fab fa-facebook-f" i span a"

and i addet my link and the icon color is switch into blue

]]>