<?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>delays Archives - scmGalaxy</title>
	<atom:link href="https://www.scmgalaxy.com/tutorials/tag/delays/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.scmgalaxy.com/tutorials/tag/delays/</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 do you transition multiple properties in CSS &#038; HTML?</title>
		<link>https://www.scmgalaxy.com/tutorials/how-do-you-transition-multiple-properties-in-css-html/</link>
					<comments>https://www.scmgalaxy.com/tutorials/how-do-you-transition-multiple-properties-in-css-html/#respond</comments>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Tue, 31 Aug 2021 01:49:41 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[delays]]></category>
		<category><![CDATA[duration]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Multiple]]></category>
		<category><![CDATA[properties]]></category>
		<category><![CDATA[timing]]></category>
		<category><![CDATA[transition]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=8529</guid>

					<description><![CDATA[<p>You know that a what is transition property in the previous blog. transition property can transition two (or more) CSS properties [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-do-you-transition-multiple-properties-in-css-html/">How do you transition multiple properties in CSS &#038; HTML?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">You know that a what is transition property in the previous blog. transition property can transition two (or more) <strong>CSS properties by separating them with a comma in your transition</strong> or transition-property property. You can do the same with duration, timing functions, and delays as well. If the values are the same, you only need to specify one of them.</p>



<p class="wp-block-paragraph">In this blog, I am creating multiple transitions multiple properties in CSS &amp; HTML. So, creating below <strong>index.html </strong>and <strong>style.css</strong>&#8211;</p>



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



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



<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="435" height="163" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-206.png" alt="" class="wp-image-8530" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-206.png 435w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-206-300x112.png 300w" sizes="(max-width: 435px) 100vw, 435px" /><figcaption>When you used upper <strong>index.html &amp; style.css </strong>then show like button when use cursor then shows hover effects.</figcaption></figure>



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



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



<figure class="wp-block-image size-full"><img decoding="async" width="781" height="300" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-207.png" alt="" class="wp-image-8533" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-207.png 781w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-207-300x115.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-207-768x295.png 768w" sizes="(max-width: 781px) 100vw, 781px" /><figcaption> When you used upper <strong>index.html &amp; style.css </strong>then show like button when use cursor then shows hover effects. </figcaption></figure>



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



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



<figure class="wp-block-image size-full"><img decoding="async" width="422" height="649" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-208.png" alt="" class="wp-image-8534" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-208.png 422w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-208-195x300.png 195w" sizes="(max-width: 422px) 100vw, 422px" /><figcaption>  When you used upper <strong>index.html &amp; style.css </strong>then show like button when use cursor then shows hover effects.  </figcaption></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-do-you-transition-multiple-properties-in-css-html/">How do you transition multiple properties in CSS &#038; HTML?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/how-do-you-transition-multiple-properties-in-css-html/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
