Skip to content

Commit 1c00bca

Browse files
Update README.md
1 parent 89895aa commit 1c00bca

File tree

1 file changed

+26
-3
lines changed

1 file changed

+26
-3
lines changed

README.md

Lines changed: 26 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ An Awesome collection of buttons with impressive animations written in CSS; with
1919

2020
Like any of the buttons? Want to use it on your page? It's now made easy with the **Animated Buttons Generator**!
2121

22-
### Manual Method :
22+
### Manual Method :
2323

2424
- Your can go to the directory and search for index.html, and corresponding style.css files. It is well organised with comments there, so u can get your code, and use thm directly.
2525

@@ -30,21 +30,44 @@ An Awesome collection of buttons with impressive animations written in CSS; with
3030
- Enter basic functionalities of the button with HTML.
3131
- Give the basic parameters for CSS (No code required, just know what you are putting). If u cant figure out, put the values as per the template, as will be given along with the question in brackets.
3232
- Then, it will import the animation from the template. So, basically, u have designed your own shape and size for badg, but taking the animations from the template.
33+
- The Code lists are editable. So, if you want, you can also edit your code there.
34+
- After it is done, copy the final code and paste in files. The HTML code is to be saved as `index.html` and the CSS as `style.css`. You can paste thm directly as Git Repos, or use [Notepad++](https://notepad-plus-plus.org/downloads/) for offline purposes.
3335

34-
★ The Best part is that **You don't have to code a single line! It will ask you questions, and keep answering**. It will accordingly write your ***HTML*** ad ***CSS*** code.
36+
[![npp](https://img.shields.io/badge/Download-Notepad++-green.svg?style=for-the-badge)](https://github.com/notepad-plus-plus/notepad-plus-plus/releases/download/v8.1.9.3/npp.8.1.9.3.Installer.x64.exe)
37+
38+
★ The Best part is that **You don't have to code a single line! It will ask you questions, and keep answering**. It will accordingly write your ***HTML*** and ***CSS*** code.
39+
40+
⚠️ Please don't edit, or attemp rename inline or file wise, until you are sure about the consequences!
3541

3642
<a href="https://sparkscratch-p.github.io/CSS-Animation-Buttons/library/"><button class="custom-btn btn-12">Open Animated Buttons Maker</button></a>
3743

3844
## Read More: Use it As `Expand` of HTML Summary!
3945

4046
There, in the Automatic button maker, you can add links to your button, but what if u want to use it as `Read More` button to expand HTML Summaries? Read Ahead!
4147

48+
4249
<details><summary><button class="custom-btn btn-12">Expand</button></summary>
50+
51+
### This is the Syntax :
52+
53+
```html
4354

44-
hi
55+
<details><summary><button class="custom-btn btn-12">Expand</button></summary>
56+
57+
[All text and contents here]
4558

4659
</details>
4760

61+
```
62+
63+
Use it to make your ***Read More*** button.
64+
65+
</details>
66+
67+
![](https://img.shields.io/badge/%F0%9F%8C%8CGlitch%20Here!-PRs%20Welcome!-red.svg?style=for-the-badge)
68+
69+
*when you click on the `expand` button, it doesnt work, but as u click a bit aside, it gets expanded! Can I have a Solution to put in order?
70+
4871
## Contribution
4972

5073
Prs

0 commit comments

Comments
 (0)