386-animation 中文文档教程
DOS/386 Loading Animation
基于 BOOTSTRA.386,Chris McKenzie 的 Bootstrap 主题。 我觉得屏幕加载动画很酷,想做一个单独的轻量级版本。
Getting Started
使用您的包管理器安装。
yarn add 386-animation
npm install 386-animation
将包和样式导入代码创建 HTML 的任何位置并运行 init386()
函数。
import init386 from "386-animation";
import "386-animation/386.css";
或者
var init386 = require("386-animation");
require("386-animation/386.css");
然后初始化它!
// Inside your code
init386();
Configuration
该函数还将一个选项对象作为参数。
// Default options
init386({
onePass: false, // will skip the second pass of the cursor if true
fastLoad: false, // will skip the animation.
speedFactor: 1, // the speed of the loading animation.
background: "#000084", // CSS value for the body background before loading animation has completed
cursorColor: "#FAFAFA", // The colour of the terminal cursor/bar.
});
Authors
Chris McKenzie - 初步工作 - kristopolous
Wesley Moses wes337
DOS/386 Loading Animation
Based off of BOOTSTRA.386, a Bootstrap theme by Chris McKenzie. I thought that the screen loading animation was cool and wanted to make a seperate lightweight version.
Getting Started
Install using your package manager.
yarn add 386-animation
npm install 386-animation
Import the package and styles into wherever your code creates HTML and run the init386()
function.
import init386 from "386-animation";
import "386-animation/386.css";
or
var init386 = require("386-animation");
require("386-animation/386.css");
Then initialize it!
// Inside your code
init386();
Configuration
The function also takes an object of options as a parameter.
// Default options
init386({
onePass: false, // will skip the second pass of the cursor if true
fastLoad: false, // will skip the animation.
speedFactor: 1, // the speed of the loading animation.
background: "#000084", // CSS value for the body background before loading animation has completed
cursorColor: "#FAFAFA", // The colour of the terminal cursor/bar.
});
Authors
Chris McKenzie - Initial work - kristopolous
Wesley Moses wes337