Skip to content

Commit e4c1d2d

Browse files
authored
feat(readme): add Border radius documentation (#283)
1 parent f3969f3 commit e4c1d2d

File tree

1 file changed

+30
-27
lines changed

1 file changed

+30
-27
lines changed

README.md

Lines changed: 30 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -7,30 +7,32 @@ Code Magic is a website where you can get simple CSS tricks to make your applica
77
![code magic v2](https://user-images.githubusercontent.com/86626640/195396501-ce16026b-9251-4c44-a658-de41d915545c.gif)
88

99
### 🧙‍♀️ Magic options available for you:
10-
- Pic Text - Convert images to CSS art. Just upload and get CSS art with just one click.
11-
- Gradient Text - Dual color gradient for your texts.
12-
- Gradient Border - Get dual color gradient with desired radius.
13-
- Gradient Background - Make your backgrounds stand out by applying gradient colors.
14-
- Animations
15-
- Select one of the below options
16-
<table>
17-
<tbody>
18-
<tr>
19-
<td align="Center" width="25%">
20-
<p>Skew</p>
21-
<td>
22-
<td align="Center" width="25%">
23-
<p>Fade</p>
24-
<td>
25-
<td align="Center" width="25%">
26-
<p>Spin</p>
27-
<td>
28-
</tr>
29-
</tbody>
30-
</table>
31-
- Set duration and speed for the animations
32-
- And boom
33-
- Box Shadow - Cast a shadow on your element.
10+
11+
- Pic Text - Convert images to CSS art. Just upload and get CSS art with just one click.
12+
- Gradient Text - Dual color gradient for your texts.
13+
- Gradient Border - Get dual color gradient with desired radius.
14+
- Gradient Background - Make your backgrounds stand out by applying gradient colors.
15+
- Animations
16+
- Select one of the below options
17+
<table>
18+
<tbody>
19+
<tr>
20+
<td align="Center" width="25%">
21+
<p>Skew</p>
22+
<td>
23+
<td align="Center" width="25%">
24+
<p>Fade</p>
25+
<td>
26+
<td align="Center" width="25%">
27+
<p>Spin</p>
28+
<td>
29+
</tr>
30+
</tbody>
31+
</table>
32+
- Set duration and speed for the animations
33+
- And boom
34+
- Box Shadow - Cast a shadow on your element.
35+
- Border Radius - Get desired border radius for your element.
3436

3537
### ⚒️ Languages / Tools
3638

@@ -68,9 +70,10 @@ Before installation, please make sure you have already installed the following t
6870
- [NodeJs](https://nodejs.org/en/download/)
6971

7072
## 👌🏾 What you have to do to contribute
71-
- [Read the rules](https://github.com/Dun-sin/Code-Magic/blob/main/CONTRIBUTING.md#rules)
72-
- [Follow the installation Steps](#%EF%B8%8F-installation-steps)
73-
- [Follow the contributing Steps](#-after-making-a-change)
73+
74+
- [Read the rules](https://github.com/Dun-sin/Code-Magic/blob/main/CONTRIBUTING.md#rules)
75+
- [Follow the installation Steps](#%EF%B8%8F-installation-steps)
76+
- [Follow the contributing Steps](#-after-making-a-change)
7477

7578
## 🛠️ Installation Steps
7679

0 commit comments

Comments
 (0)