<?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>menu Archives - scmGalaxy</title>
	<atom:link href="https://www.scmgalaxy.com/tutorials/tag/menu/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.scmgalaxy.com/tutorials/tag/menu/</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 hover effects with transforms using HTML &#038; CSS?</title>
		<link>https://www.scmgalaxy.com/tutorials/how-to-create-a-menu-hover-effects-with-transforms-using-html-css/</link>
					<comments>https://www.scmgalaxy.com/tutorials/how-to-create-a-menu-hover-effects-with-transforms-using-html-css/#respond</comments>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Tue, 07 Sep 2021 02:37:10 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[effects]]></category>
		<category><![CDATA[hover]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[transforms]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=8829</guid>

					<description><![CDATA[<p>In this blog, I am creating menu hover effects with transforms using HTML &#38; CSS. So, Let’s create an index.html &#38; [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-create-a-menu-hover-effects-with-transforms-using-html-css/">How to create a menu hover effects with transforms 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 menu hover effects with transforms using <strong>HTML </strong>&amp; <strong>CSS</strong>. So, Let’s create an <strong>index.html &amp; style.css </strong>below-</p>



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



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



<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="769" height="171" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-43.png" alt="" class="wp-image-8830" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-43.png 769w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-43-300x67.png 300w" sizes="(max-width: 769px) 100vw, 769px" /><figcaption>menu hover effect with css transforms</figcaption></figure>



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



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



<figure class="wp-block-image size-full"><img decoding="async" width="946" height="176" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-44.png" alt="" class="wp-image-8831" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-44.png 946w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-44-300x56.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-44-768x143.png 768w" sizes="(max-width: 946px) 100vw, 946px" /><figcaption>New fomenu hover effect with css transitions</figcaption></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-create-a-menu-hover-effects-with-transforms-using-html-css/">How to create a menu hover effects with transforms 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-hover-effects-with-transforms-using-html-css/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<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 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>
