bolinocroustibat动画背景animated-background

鲁虺

廣告

bolinocroustibat动画背景animated-background.zip - ZIP 压缩文件, 解包大小为 14,218 字节



About
A completely configurable JS script that randomly moves and blurs small images objects on any website background. Demo:

一个完全可配置的 JS 脚本，可在任何网站背景上随机移动和模糊小图像对象。演示：


adriencarpentier.com/?skin=pc



Languages
JavaScript
70.5%

HTML
27.4%

CSS
2.1%

遊客，如果您要查看本帖隱藏內容請回復

README

JS 中的动画背景Animated background in JS
Dependencies
This script needs the JS module Velocity to work, so since there is no packaging in this project, you have to call it from your HTML page, like that:

<script src="//cdnjs.cloudflare.com/ajax/libs/velocity/2.0.6/velocity.min.js"></script>
Getting Started
Place your images in the images folder. Prefer very small GIF or PNG image files.

Configuration is to be made in a JSON file following the example config file config.json with the right paths to your images. The configuration file needs to be called from the HTML page after Velocity is called:

<script src="config.js"></script>
Then you also need to call the main script from your webpage

<script src='animated_background.js'></script>
Finally, place an empty HTML wrapper with the id animated-background-wrapper in your HTML, outside of your content:

<div id="animated-background-wrapper"></div>
You're done!