<?xml version="1.0"?>

<rss version="2.0">


<channel>
<title>Home - All Categories - CSS Tricks  </title>
<link>https://www.navel.ir/category/css-tricks/</link>
<description>This RSS Feed contains Articles of Category in the knowledge base. You can click on the title to view its content. Powered by PHPKB Knowledge Base Software (http://www.knowledgebase-script.com)</description>
<item>
										<guid>https://www.navel.ir/article/css-vertical-align-text-bottom;-8.html</guid>
										<title>CSS vertical-align: text-bottom;</title>
										<link>https://www.navel.ir/article/css-vertical-align-text-bottom;-8.html</link>
										<description><![CDATA[HTML: &lt;div class="parent"&gt; &lt;div class="child"&gt; This text is vertically aligned to bottom.  &lt;/div&gt;&lt;/div&gt; &nbsp; CSS: .parent { width: 300px; height: 50px; display: table; border: 1px solid red;}.child {  display: table-cell;...]]></description>

									</item>
<item>
										<guid>https://www.navel.ir/article/css-transition-property-7.html</guid>
										<title>CSS transition Property</title>
										<link>https://www.navel.ir/article/css-transition-property-7.html</link>
										<description><![CDATA[&lt;style&gt; div { width: 100px; height: 100px; background: red; transition: width 2s;} div:hover { width: 300px;}&lt;/style&gt; &nbsp; Sources: https://www.w3schools.com/cssref/css3_pr_transition.asp https://stackoverflow.com/questions/55158038/how...]]></description>

									</item>
<item>
										<guid>https://www.navel.ir/article/the-empty-pseudo-selector-will-select-elements-that-contain-either-nothing-or-only-an-html-comment-50.html</guid>
										<title>The :empty pseudo selector will select elements that contain either nothing or only an HTML comment.</title>
										<link>https://www.navel.ir/article/the-empty-pseudo-selector-will-select-elements-that-contain-either-nothing-or-only-an-html-comment-50.html</link>
										<description><![CDATA[div:empty{display: none;} &nbsp; Ref: https://css-tricks.com/almanac/selectors/e/empty/]]></description>

									</item>
<item>
										<guid>https://www.navel.ir/article/css-show-hide-next-elements-51.html</guid>
										<title>CSS show/hide next elements</title>
										<link>https://www.navel.ir/article/css-show-hide-next-elements-51.html</link>
										<description><![CDATA[&nbsp; .node2 ? #my2 {      display:none; }Ref:https://stackoverflow.com/questions/35085244/css-show-hide-next-elements &nbsp;]]></description>

									</item>

</channel>

</rss>