<?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>icon Archives - scmGalaxy</title>
	<atom:link href="https://www.scmgalaxy.com/tutorials/tag/icon/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.scmgalaxy.com/tutorials/tag/icon/</link>
	<description>A Platform for Software Engineers</description>
	<lastBuildDate>Wed, 13 Apr 2022 16:34:28 +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 Icon Hover Effects with Transitions and Animations using HTML &#038; CSS?</title>
		<link>https://www.scmgalaxy.com/tutorials/how-to-create-icon-hover-effects-with-transitions-and-animations-using-html-css/</link>
					<comments>https://www.scmgalaxy.com/tutorials/how-to-create-icon-hover-effects-with-transitions-and-animations-using-html-css/#respond</comments>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Sat, 11 Sep 2021 13:01:33 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[animations]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[effects]]></category>
		<category><![CDATA[hover]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[icon]]></category>
		<category><![CDATA[transitions]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=8987</guid>

					<description><![CDATA[<p>In this blog, I am creating a Icon Hover Effects with Transitions and Animations &#38; awesome pulse effect using HTML [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-create-icon-hover-effects-with-transitions-and-animations-using-html-css/">How to create Icon Hover Effects with Transitions and Animations 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 Icon Hover Effects with Transitions and Animations &amp; awesome pulse effect 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/bf0f87eaba1ee3ee5e227df6b9031968.js"></script>



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



<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="415" height="251" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-73.png" alt="" class="wp-image-8988" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-73.png 415w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-73-300x181.png 300w" sizes="(max-width: 415px) 100vw, 415px" /><figcaption>Awesome pulse effect using css animations</figcaption></figure>



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



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



<figure class="wp-block-image size-full"><img decoding="async" width="869" height="279" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-74.png" alt="" class="wp-image-8989" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-74.png 869w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-74-300x96.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-74-768x247.png 768w" sizes="(max-width: 869px) 100vw, 869px" /><figcaption>Icon Hover Effects with CSS Transitions and Animations before hover</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="863" height="250" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-75.png" alt="" class="wp-image-8991" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-75.png 863w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-75-300x87.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-75-768x222.png 768w" sizes="(max-width: 863px) 100vw, 863px" /><figcaption>Icon Hover Effects with CSS Transitions and Animations after hover</figcaption></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-create-icon-hover-effects-with-transitions-and-animations-using-html-css/">How to create Icon Hover Effects with Transitions and Animations 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-icon-hover-effects-with-transitions-and-animations-using-html-css/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>aws diagram and icon explained</title>
		<link>https://www.scmgalaxy.com/tutorials/aws-diagram-and-icon-explained/</link>
					<comments>https://www.scmgalaxy.com/tutorials/aws-diagram-and-icon-explained/#respond</comments>
		
		<dc:creator><![CDATA[scmgalaxy K]]></dc:creator>
		<pubDate>Mon, 16 Apr 2018 08:39:25 +0000</pubDate>
				<category><![CDATA[Amazon Web Services]]></category>
		<category><![CDATA[AWS]]></category>
		<category><![CDATA[diagram]]></category>
		<category><![CDATA[icon]]></category>
		<guid isPermaLink="false">http://www.scmgalaxy.com/tutorials/?p=4894</guid>

					<description><![CDATA[<p>Aws diagram and icon explained</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/aws-diagram-and-icon-explained/">aws diagram and icon explained</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong>Aws diagram and icon explained</strong></p>
<p><a href="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2018/04/aws-diagram-and-icon-explained.png"><img loading="lazy" decoding="async" class="alignnone size-full wp-image-4895" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2018/04/aws-diagram-and-icon-explained.png" alt="" width="1700" height="1063" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2018/04/aws-diagram-and-icon-explained.png 1700w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2018/04/aws-diagram-and-icon-explained-300x188.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2018/04/aws-diagram-and-icon-explained-768x480.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2018/04/aws-diagram-and-icon-explained-1024x640.png 1024w" sizes="auto, (max-width: 1700px) 100vw, 1700px" /></a></p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/aws-diagram-and-icon-explained/">aws diagram and icon explained</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/aws-diagram-and-icon-explained/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
