<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>navbar Archives - scmGalaxy</title>
	<atom:link href="https://www.scmgalaxy.com/tutorials/tag/navbar/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.scmgalaxy.com/tutorials/tag/navbar/</link>
	<description>A Platform for Software Engineers</description>
	<lastBuildDate>Wed, 13 Apr 2022 16:34:29 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>
	<item>
		<title>How to create a Menu Item Hover Effects Navbar using HTML &#038; CSS?</title>
		<link>https://www.scmgalaxy.com/tutorials/how-to-create-a-menu-item-hover-effects-navbar-using-html-css/</link>
					<comments>https://www.scmgalaxy.com/tutorials/how-to-create-a-menu-item-hover-effects-navbar-using-html-css/#respond</comments>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Sat, 28 Aug 2021 12:58:15 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[effects]]></category>
		<category><![CDATA[hover]]></category>
		<category><![CDATA[item]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[navbar]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=8480</guid>

					<description><![CDATA[<p>In this blog, I am creating a Menu Item Hover Effects Navbar using HTML &#38; CSS in a row using [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-create-a-menu-item-hover-effects-navbar-using-html-css/">How to create a Menu Item Hover Effects Navbar using HTML &#038; CSS?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">In this blog, I am creating a Menu Item Hover Effects Navbar using HTML &amp; CSS in a row using HTML &amp; CSS. So, Let’s create an <strong>“index.html” &amp; “style.css”</strong> below index.html code-</p>



<script src="https://gist.github.com/ajcotocus/ad590baaf54157b0ca8e3e84866bfdf6.js"></script>



<p class="wp-block-paragraph">In this index.html <strong>ul (unorderlist) </strong>tag with li  &amp; multiple <strong>&lt;a></strong> tag which is define in <strong>style.css </strong>page-</p>



<script src="https://gist.github.com/ajcotocus/647bbc2251852de1ccd59272bd382c62.js"></script>



<p class="wp-block-paragraph">When you using this <strong>index.html &amp; style.css </strong>then showing below Hover Effects Navbar-</p>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="127" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-199-1024x127.png" alt="" class="wp-image-8482" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-199-1024x127.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-199-300x37.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-199-768x95.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-199-1536x190.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-199.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>In this navbar when you used cursor then showing hover effects.</figcaption></figure>



<p class="wp-block-paragraph"></p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-create-a-menu-item-hover-effects-navbar-using-html-css/">How to create a Menu Item Hover Effects Navbar using HTML &#038; CSS?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/how-to-create-a-menu-item-hover-effects-navbar-using-html-css/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
