文件名称:Seq_To_CSS:从图像序列生成CSS动画
文件大小:14KB
文件格式:ZIP
更新时间:2024-05-30 23:12:00
JavaScript
序列到CSS Seq to CSS(或Sequence to CSS)是一组NodeJS应用程序,可以将图像序列转换为CSS Animation。 每个图像都会转换为黑白图像,然后缩放到配置文件中设置的分辨率。 图像中的每个像素在最终生成HTML和CSS文件中将代表一个div元素。 用法 先决条件 要使用此工具,您必须安装Node.js 12.10或更高版本。 生成自己CSS 将您的Image序列放置在in Folder中,然后根据您在config.json的序列指定prefix , suffix和fileExtension 。 现在运行npm run scanSeq将Image序列转换为内部JSON结构,该结构更适合转换为一堆CSS动画。 最后,运行npm run render生成最终的index.html和rendered.css ,可以在您选择的浏览器中查看。 笔记 生成CSS文
【文件预览】:
Seq_To_CSS-master
----package.json(270B)
----template.html(2KB)
----scanSeq.js(4KB)
----package-lock.json(23KB)
----in()
--------#PLACEHOLDER(61B)
----render.js(2KB)
----.gitignore(4KB)
----README.md(1KB)
----config.json(233B)