yinaai
Version:
--- # Features ## 1. Pre label beautification ### Use in the website```<pre>az</pre>```You can see the beautification effect ## 2. Code label beautification ### Use in the website```<code>az</code>```You can see the beautification effect ## Web page
24 lines (23 loc) • 3.35 kB
JSON
{
"name": "yinaai",
"version": "0.0.4",
"description": "---\r # Features\r ## 1. Pre label beautification\r ### Use in the website```<pre>az</pre>```You can see the beautification effect\r ## 2. Code label beautification\r ### Use in the website```<code>az</code>```You can see the beautification effect\r ## Web page background\r ### Convert your ```<html>``` tag to ```<html data-theme=\"wbh\">``` to see the effect\r ## Scrollbar\r ### A scroll bar will be displayed when your webpage exceeds the current visibility(Directly modify the embedded style of Webkit kernel)\r ### Motion animation (for FontAwesome / built-in)\r ### On DOM load\tOn hover\tOn parent hover\r faa-wrench animated\t faa-wrench animated-hover\t faa-wrench\r faa-ring animated\t faa-ring animated-hover\t faa-ring\r faa-horizontal animated\t faa-horizontal animated-hover\t faa-horizontal\r faa-vertical animated\t faa-vertical animated-hover\t faa-vertical\r faa-flash animated\t faa-flash animated-hover\t faa-flash\r faa-bounce animated\t faa-bounce animated-hover\t faa-bounce\r faa-spin animated\t faa-spin animated-hover\t faa-spin\r faa-float animated\t faa-float animated-hover\t faa-float\r faa-pulse animated\t faa-pulse animated-hover\t faa-pulse\r faa-shake animated\t faa-shake animated-hover\t faa-shake\r faa-tada animated\t faa-tada animated-hover\t faa-tada\r faa-passing animated\t faa-passing animated-hover\t faa-passing\r faa-passing-reverse animated\t faa-passing-reverse animated-hover\t faa-passing-reverse\r faa-burst animated\t faa-burst animated-hover\t faa-burst\r faa-falling animated\t faa-falling animated-hover\t faa-falling\r faa-rising animated\t faa-rising animated-hover\t faa-rising\r ### If you want to use it, please add ```class=\" the CLASS name provided above\"``` to any tag\r ## Small Tag / Note Tag\r ### If you want to use Small Tag, please use ```<span class=\"inline-tag red\">red tag</span><span class=\"inline-tag green\">green tag</span><span class=\"inline-tag blue\">Small blue label</span><span class=\"inline-tag yellow\">Small yellow label</span><span class=\"inline-tag grey\">Small gray label<span class=\"inline-tag grey\"> /span>```Insert anywhere on your website\r ### If you want to use Note Tag, please set ```<p class='div-border green'>green</p><p class='div-border red'>red</p><p class='div -border yellow'>Yellow</p><p class='div-border grey'>Gray</p><p class='div-border blue'>Blue</p>```Insert into your website Anywhere\r ## Tip Tag\r ### Please refer to [Official Website](https://mdbf-css.js.org) But there may be some errors in the style, please ignore it, just insert it as usual\r ## Snote Tag\r ### If you want to use the Snote tag, please insert ```<div class=\"snote stylename\">``` anywhere in your website. The stylename can enter the css internal search reference\r ---\r # Other content can be explored by yourself",
"main": "yinaai.min.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": {
"type": "git",
"url": "git+https://github.com/slblog-github/Yinaai.git"
},
"keywords": [
"Website",
"handsome"
],
"author": "Hajeekn",
"license": "MIT",
"bugs": {
"url": "https://github.com/slblog-github/Yinaai/issues"
},
"homepage": "https://github.com/slblog-github/Yinaai#readme"
}