<p>Welcome back, ladies and gentlemen, Sorry for the long break but am now back. Today we shall learn some basics of CSS transformation and I hope you enjoy.</p>
<h2 id="1-rotate">1. Rotate</h2>
<p>When you want to rotate a section , you can simply do that with rotate property.</p>
<pre><code><span class="hljs-keyword">transform</span>: rotate(<span class="hljs-number">45</span>deg)
</code></pre><h2 id="2-scale">2. Scale</h2>
<p>If you want to change the size by scaling it up or down, you can use <code>scale</code>. Anything less than 1 will decrease the size, while anything more than 1 will definitely increase the size.</p>
<pre><code><span class="hljs-keyword">transform</span>: scale(<span class="hljs-number">2</span>)
</code></pre><h2 id="3-scalex">3. ScaleX</h2>
<p>To scale horizontally use</p>
<pre><code><span class="hljs-keyword">transform</span>:scaleX(<span class="hljs-number">2</span>)
</code></pre><h2 id="4-scaley">4. scaleY</h2>
<p>To scale vertically, use</p>
<pre><code><span class="hljs-keyword">transform</span>: scaleY(<span class="hljs-number">2</span>)
</code></pre><h2 id="5-skewy">5. SkewY</h2>
<p>Skews an element on Y-axis</p>
<pre><code><span class="hljs-keyword">transform</span>:skewY(<span class="hljs-number">20</span>deg)
</code></pre><h2 id="6-skewx">6. SkewX</h2>
<p>Skews an element on x-axis</p>
<pre><code><span class="hljs-keyword">transform</span>:skewX(<span class="hljs-number">20</span>deg)
</code></pre>

Welcome back, ladies and gentlemen, Sorry for the long break but am now back. Today we shall learn some basics of CSS transformation and I hope you enjoy.

## 1. Rotate 

When you want to rotate a section , you can simply do that with rotate property.

```
transform: rotate(45deg)
```

## 2. Scale

If you want to change the size by scaling it up or down, you can use `scale`. Anything less than 1 will decrease the size, while anything more than 1 will definitely increase the size.
```
transform: scale(2)
```

## 3. ScaleX

To scale horizontally use
```
transform:scaleX(2)
```

## 4. scaleY
To scale vertically, use

```
transform: scaleY(2)

```
## 5. SkewY
Skews an element on Y-axis

```
transform:skewY(20deg)
```
## 6. SkewX
Skews an element on x-axis

```
transform:skewX(20deg)
```

Comprehensive CSS Basics For Beginners

Comprehensive CSS Basics For Beginners:Summary 07

Hi, there
Thanks for visiting My Profile
I am Denis and You are ...
I  am a Full-Time freelancer on Fiverr Helping Teams and clients in design task with Tailwind css, VueJS, ReactJS, and HTML.
