<?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>translation Archives - scmGalaxy</title>
	<atom:link href="https://www.scmgalaxy.com/tutorials/tag/translation/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.scmgalaxy.com/tutorials/tag/translation/</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 a creative border card hover effect with a background translation using HTML &#038; CSS?</title>
		<link>https://www.scmgalaxy.com/tutorials/how-to-create-a-creative-border-card-hover-effect-with-a-background-translation-using-html-css/</link>
					<comments>https://www.scmgalaxy.com/tutorials/how-to-create-a-creative-border-card-hover-effect-with-a-background-translation-using-html-css/#respond</comments>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Thu, 09 Sep 2021 11:48:13 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Background]]></category>
		<category><![CDATA[Border]]></category>
		<category><![CDATA[card]]></category>
		<category><![CDATA[creative]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[hover]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[translation]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=8890</guid>

					<description><![CDATA[<p>In this blog, I am creating creative a border card hover effect with a background translation using HTML &#38; CSS. [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-create-a-creative-border-card-hover-effect-with-a-background-translation-using-html-css/">How to create a creative border card hover effect with a background translation 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 creative a border card hover effect with a background translation 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/e54e597e0566b2ba4412d42b24d7b453.js"></script>



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



<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="671" height="427" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-49.png" alt="" class="wp-image-8893" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-49.png 671w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-49-300x191.png 300w" sizes="(max-width: 671px) 100vw, 671px" /><figcaption>background translation card effect</figcaption></figure>



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



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



<figure class="wp-block-image size-full"><img decoding="async" width="607" height="637" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-50.png" alt="" class="wp-image-8894" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-50.png 607w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-50-286x300.png 286w" sizes="(max-width: 607px) 100vw, 607px" /><figcaption>creative border card hover effect</figcaption></figure>



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



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



<figure class="wp-block-image size-full"><img decoding="async" width="800" height="493" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-51.png" alt="" class="wp-image-8895" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-51.png 800w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-51-300x185.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-51-768x473.png 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>creative Transactions card effect</figcaption></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-create-a-creative-border-card-hover-effect-with-a-background-translation-using-html-css/">How to create a creative border card hover effect with a background translation 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-creative-border-card-hover-effect-with-a-background-translation-using-html-css/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
