386-animation 中文文档教程

发布于 4年前 浏览 31 项目主页 更新于 3年前

DOS/386 Loading Animation

Demo

基于 BOOTSTRA.386Chris 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

DOS/386 Loading Animation

Demo

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

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文