besty v1.0.1
Besty.js
Version 0.0.1
What is Besty.js?
Besty.js is a library which is made with Javascript. This is a beginner friendly library. There was no many features but this very easy library. But it is not that there is no feature here. There are many features.
Some features here :
- Linear Gradient.
- Animation.
- Animation Duration.
- 10+ Unique Gradient Colours.
- Text Strokes
- Swing Animation.
- Fade Animation etc.
Is Besty.js is free?
Yes, Besty.js absolutely free. This is free library. Because this is beginners friendly and this gives us a idea of how javascript and css works. Some beginners start web development so this is best library for practices. Main code will be changed easily by you. You make us this more powerful or readable if you interested to change in the code so try to create code and pull here.
Installation
Here installation is very easy one command and the project is ready if you not interested in commands you will use CDN of Besty.js and Besty.css
CDN
JS: https://gourav-9.github.io/Besty/Besty.js
CSS: https://gourav-9.github.io/Besty/Besty.css
or
npm
npm install --prefix your_path besty@latest
or
Git
git clone https://github.com/gourav-9/Besty.git <project_name>
or
Download install.sh file from release
sh install.sh your_path
Documentation
Adding Gradient on Element
10+ Gradient colour
besty.bg('element').gradient(1)
besty.bg('element1').gradient(2)
besty.bg('element2').gradient(3)
besty.bg('element3').gradient(4)
besty.bg('element4').gradient(5)
besty.bg('element5').gradient(6)
besty.bg('element6').gradient(7)
Animations
Swing Animation
besty.animate('element').swing()
Fade Animation
besty.animate('element').fade()
upDance Animation
besty.animate('element').upDance()
downDance Animation
besty.animate('element').downDance()
Text
Text stroke
besty.text('element').stroke(borderSize, borderColor)
Text Colour
besty.text('element').color("color")
Fit image in text
besty.text('element').img(imgUrl)