设计资源DESIGN· MOTION
yesiamrocks/cssanimation
一个零JavaScript的CSS动画库,给网页加现成动画效果,开发者可直接用。A zero-JavaScript CSS animation library for developers who want fast, lightweight motion effects without writing JS.
根据公开文档整理,未运行实测;费用以项目官网为准。Based on public documentation, without runtime testing. Check the project site for pricing.
能力CAPABILITIES
给网页元素加现成动画效果
按字母、单词、行做文字动画
用CSS类控制动画速度与延迟
按需只引入单个动画文件
尊重系统减弱动效设置
Animate text letter by letter, word by word, or line by line
Add pre-built CSS effects like fadeIn or BlurIn to any element
Control animation speed, delay, and easing with utility classes
Import only the specific animation files you need
Install via npm or yarn and use with your own build process
上手GET STARTED
npm i @hellouxpavel/cssanimation选择与你的环境对应的方式。命令来自项目文档,未运行实测。Choose the option for your environment. Commands come from project documentation and have not been run-tested.
使用限制LIMITATIONS
以下要求与风险来自文档静态检查,未执行项目代码;扫描没有命中,不代表使用安全。Risk here is evidence, not an alarm. These findings come from static scanning of the docs; we never execute a project’s code.
限制LIMITS
未知Unknown
项目动态PROJECT ACTIVITY
首次发现FIRST SEEN
03 OCT 202603 OCT 2026
增长GROWTH
+0.0%+0.0%
322 → 322 stars · 14 个快照322 → 322 stars · 14 snapshots
讨论DISCUSSION
1 SOURCES1 SOURCES
1 条外部提及1 external mentions
状态STATUS
长期未更新Not updated
仓库最近一次提交在2026年1月,说明项目仍在维护更新。The repository has 322 stars and 67 forks, showing community interest
HN_STORY · 2 points · 0 comments
静态扫描STATIC SCAN
在 README、SKILL.md 和依赖清单中没有匹配到已知风险模式。No known risk patterns matched in the README, SKILL.md or dependency list.
静态扫描未发现明显风险,但不代表安全。The static scan of the documentation found no obvious risk patterns, but that does not prove the project is completely safe. Treat it as any open-source code — review before using in production.
依赖:Dependencies:glob-parent, micromatch, fs-extra, postcss, postcss-scss, gsap
{
"agents": [],
"apiKey": null,
"docker": null,
"taxonomy": {
"scores": {
"design": 12,
"ai-tools": 0,
"dev-tools": 0,
"indie-web": 0,
"skill-agent": 0,
"productivity": 0
},
"primary": "design",
"secondary": "motion"
},
"localRuntime": null,
"skillMdTotal": 0,
"skillMdErrors": [],
"treeTruncated": false,
"categoryScores": {
"data": 0,
"agent": 0,
"media": 0,
"design": 20,
"browser": 0,
"devtool": 0,
"security": 0,
"marketing": 0,
"productivity": 0
},
"classification": [],
"scannedSources": [
"readme"
],
"skillMdFetched": 0
}