<?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>active Archives - scmGalaxy</title>
	<atom:link href="https://www.scmgalaxy.com/tutorials/tag/active/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.scmgalaxy.com/tutorials/tag/active/</link>
	<description>A Platform for Software Engineers</description>
	<lastBuildDate>Wed, 13 Apr 2022 16:34:32 +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>Different ways to write the transitions and transforms in image tag using HTML &#038; CSS. Part-2</title>
		<link>https://www.scmgalaxy.com/tutorials/different-ways-to-write-the-transitions-and-transforms-in-image-tag-using-html-css-part-2/</link>
					<comments>https://www.scmgalaxy.com/tutorials/different-ways-to-write-the-transitions-and-transforms-in-image-tag-using-html-css-part-2/#respond</comments>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Sun, 05 Sep 2021 06:23:07 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[active]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[hover]]></category>
		<category><![CDATA[transforms]]></category>
		<category><![CDATA[transitions]]></category>
		<category><![CDATA[Ways]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=8772</guid>

					<description><![CDATA[<p>In this blog, I am creating the transitions and transforms in image tags using HTML &#38; CSS. So, Let’s create an index.html &#38; style.css below-</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/different-ways-to-write-the-transitions-and-transforms-in-image-tag-using-html-css-part-2/">Different ways to write the transitions and transforms in image tag using HTML &#038; CSS. Part-2</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 the transitions and transforms in image tags 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/7e03c7464ad107dc2fe6697c07268c43.js"></script>



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



<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="735" height="479" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-29.png" alt="" class="wp-image-8773" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-29.png 735w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-29-300x196.png 300w" sizes="(max-width: 735px) 100vw, 735px" /></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="507" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-30.png" alt="" class="wp-image-8774" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-30.png 800w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-30-300x190.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-30-768x487.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



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



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



<figure class="wp-block-image size-full"><img decoding="async" width="717" height="452" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-31.png" alt="" class="wp-image-8775" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-31.png 717w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-31-300x189.png 300w" sizes="(max-width: 717px) 100vw, 717px" /></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="711" height="481" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-32.png" alt="" class="wp-image-8776" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-32.png 711w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-32-300x203.png 300w" sizes="auto, (max-width: 711px) 100vw, 711px" /></figure>



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



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



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="760" height="485" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-33.png" alt="" class="wp-image-8779" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-33.png 760w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-33-300x191.png 300w" sizes="auto, (max-width: 760px) 100vw, 760px" /></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="694" height="494" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-34.png" alt="" class="wp-image-8780" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-34.png 694w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-34-300x214.png 300w" sizes="auto, (max-width: 694px) 100vw, 694px" /></figure>



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



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



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="708" height="451" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-35.png" alt="" class="wp-image-8783" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-35.png 708w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-35-300x191.png 300w" sizes="auto, (max-width: 708px) 100vw, 708px" /></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="691" height="457" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-36.png" alt="" class="wp-image-8784" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-36.png 691w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-36-300x198.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-36-392x260.png 392w" sizes="auto, (max-width: 691px) 100vw, 691px" /></figure>



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



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



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="675" height="449" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-37.png" alt="" class="wp-image-8787" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-37.png 675w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-37-300x200.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-37-392x260.png 392w" sizes="auto, (max-width: 675px) 100vw, 675px" /></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="635" height="445" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-38.png" alt="" class="wp-image-8788" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-38.png 635w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-38-300x210.png 300w" sizes="auto, (max-width: 635px) 100vw, 635px" /></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/different-ways-to-write-the-transitions-and-transforms-in-image-tag-using-html-css-part-2/">Different ways to write the transitions and transforms in image tag using HTML &#038; CSS. Part-2</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/different-ways-to-write-the-transitions-and-transforms-in-image-tag-using-html-css-part-2/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How to Use Pseudo-classes in CSS?</title>
		<link>https://www.scmgalaxy.com/tutorials/how-to-use-pseudo-classes-in-css/</link>
					<comments>https://www.scmgalaxy.com/tutorials/how-to-use-pseudo-classes-in-css/#respond</comments>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Mon, 02 Aug 2021 12:32:14 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[:checked]]></category>
		<category><![CDATA[:first-child]]></category>
		<category><![CDATA[:first-of-type]]></category>
		<category><![CDATA[:focus]]></category>
		<category><![CDATA[active]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[hover]]></category>
		<category><![CDATA[Link]]></category>
		<category><![CDATA[pseudo-class]]></category>
		<category><![CDATA[pseudo-element]]></category>
		<category><![CDATA[visited]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=7270</guid>

					<description><![CDATA[<p>A pseudo-class is used to define a special state of an element. Syntax:- selector:pseudo-class { property:value; } Ex: &#8211; div:hover [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-use-pseudo-classes-in-css/">How to Use Pseudo-classes in CSS?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">A pseudo-class is used to define a special state of an element.</p>



<h4 class="wp-block-heading">Syntax:-</h4>



<p class="wp-block-paragraph"><strong>selector:pseudo-class { property:value; }</strong></p>



<p class="wp-block-paragraph"><strong>Ex: &#8211;</strong></p>



<p class="wp-block-paragraph"><strong>div:hover { background-color: red;}</strong></p>



<h3 class="wp-block-heading"><strong>Pseudo-classes</strong>&#8211;</h3>



<ul class="wp-block-list"><li>:link</li><li>:visited</li><li>:hover</li><li>:active</li><li>:focus</li><li>:checked</li><li>:first-child</li><li>:first-of-type</li><li>:nth-child(n)</li></ul>



<figure class="wp-block-image"><img decoding="async" src="https://lh3.googleusercontent.com/proxy/mZqcHB0xH8bjR4EIU6J4bzFnK317sJiT1vCJFkCd1fjh0y0vgioFdUEqYRJJ_I96NpgIIhQpnwD2Gwxnf_5jpFoYjfuqH6kOsV-xc6mmtKj4hsF9" alt=""/></figure>



<figure class="wp-block-image"><img decoding="async" src="https://www.wideskills.com/sites/default/files/subjects/CSS%20Tutorial/22/Image_1.png" alt=""/><figcaption><img decoding="async" src="https://ironion.com/wp-content/uploads/2015/06/cssanatomy3.png"></figcaption></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-use-pseudo-classes-in-css/">How to Use Pseudo-classes in 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-use-pseudo-classes-in-css/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How to use Link Property in CSS?</title>
		<link>https://www.scmgalaxy.com/tutorials/how-to-use-link-property-in-css/</link>
					<comments>https://www.scmgalaxy.com/tutorials/how-to-use-link-property-in-css/#respond</comments>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Thu, 29 Jul 2021 13:06:20 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[active]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[hover]]></category>
		<category><![CDATA[Link]]></category>
		<category><![CDATA[property]]></category>
		<category><![CDATA[visited]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=7182</guid>

					<description><![CDATA[<p>When you use the &#8220;&#60;a>&#8221; tag on your HTML page then show text color automatic blue &#38; underline. If you [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-use-link-property-in-css/">How to use Link Property in CSS?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">When you use the &#8220;&lt;a>&#8221; tag on your HTML page then show text color automatic blue &amp; underline. If you want to implement in your tag using CSS then implement the below property-</p>



<p class="wp-block-paragraph"><strong>Ex:-</strong></p>



<p class="wp-block-paragraph"><strong>a:link {<br>color: red;<br>}</strong></p>



<h4 class="wp-block-heading">a:hover MUST come after a:link and a:visited</h4>



<h4 class="wp-block-heading">a:active MUST come after a:hover</h4>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="658" height="667" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/07/image-22.png" alt="" class="wp-image-7185" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/07/image-22.png 658w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/07/image-22-296x300.png 296w" sizes="auto, (max-width: 658px) 100vw, 658px" /></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-use-link-property-in-css/">How to use Link Property in 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-use-link-property-in-css/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
