mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-03-09 16:01:39 -04:00
fix(curriculum): add indentation to CSS examples in transform property lecture transcript (#59940)
This commit is contained in:
@@ -22,13 +22,13 @@ Let's explore some common transform functions. Here's an example of a box elemen
|
||||
|
||||
```css
|
||||
body {
|
||||
border: 2px solid black;
|
||||
border: 2px solid black;
|
||||
}
|
||||
|
||||
.box {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
background-color: red;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
background-color: red;
|
||||
}
|
||||
```
|
||||
|
||||
@@ -38,14 +38,14 @@ The `translate` function moves an element from its current position. Here's an u
|
||||
|
||||
```css
|
||||
body {
|
||||
border: 2px solid black;
|
||||
border: 2px solid black;
|
||||
}
|
||||
|
||||
.box {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
background-color: red;
|
||||
transform: translate(50px, 100px);
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
background-color: red;
|
||||
transform: translate(50px, 100px);
|
||||
}
|
||||
```
|
||||
|
||||
@@ -55,11 +55,11 @@ The `rotate` function rotates an element around a fixed point and this is an exa
|
||||
|
||||
```css
|
||||
.box {
|
||||
margin: 100px;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
background-color: red;
|
||||
transform: rotate(45deg);
|
||||
margin: 100px;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
background-color: red;
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
```
|
||||
|
||||
@@ -69,11 +69,11 @@ The `scale` function allows you to change the size of an element. Here's an exam
|
||||
|
||||
```css
|
||||
.box {
|
||||
margin: 100px;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
background-color: red;
|
||||
transform: scale(1.5, 2);
|
||||
margin: 100px;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
background-color: red;
|
||||
transform: scale(1.5, 2);
|
||||
}
|
||||
```
|
||||
|
||||
@@ -83,11 +83,11 @@ You can combine multiple transformations in a single declaration:
|
||||
|
||||
```css
|
||||
.box {
|
||||
margin: 100px;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
background-color: red;
|
||||
transform: translate(50px, 50px) rotate(45deg) scale(1.5);
|
||||
margin: 100px;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
background-color: red;
|
||||
transform: translate(50px, 50px) rotate(45deg) scale(1.5);
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
Reference in New Issue
Block a user