Animista – On-Demand CSS Animations Library

Animista是一个专注于CSS动画的在线工具网站，核心是为用户提供可实时调整、直接取用的预生成CSS动画集合。

核心功能与使用流程
1. 动画预览与参数调整
用户可浏览网站内的各类CSS动画，同时调整多项参数：包括动画持续时间（以毫秒为单位）、计时函数（如linear、easeIn、easeOut等不同的动画节奏）、延迟时间、迭代次数（支持无限循环）、动画方向（正序、倒序、交替等）、填充模式（动画结束后元素的状态）。所有调整都会实时展现在页面上，方便用户直观查看效果。

2. 收藏与管理
遇到喜欢的动画，用户可点击“收藏”按钮将其加入 favorites 列表；通过筛选按钮能随时查看收藏的动画，也可点击清空按钮重置选择。

3. 代码获取
选好动画后，用户有两种方式获取CSS代码：若使用Chrome浏览器，点击下载按钮可生成“animista.css”文件并保存到本地；其他浏览器则提供“复制代码到剪贴板”的选项，用户可将生成的类和关键帧代码粘贴到编辑器中使用。此外，代码支持压缩（Minify）和自动前缀（Autoprefixer）功能，默认开启以适配不同浏览器。

特色与注意事项
实时交互性：参数调整与效果预览同步，无需切换页面或重新加载，方便快速测试动画表现。
个性化定制：多项参数可灵活调整，满足不同场景下的动画需求（如按钮 hover 效果、页面元素入场动画等）。
兼容性说明：下载功能仅支持Chrome浏览器（依赖HTML5 FileSystem API）；部分动画为实验性效果， older浏览器可能无法正常显示，建议通过caniuse.com查询具体兼容性。

网站背景
Animista最初是Ana的个人 sideproject，因频繁使用CSS动画需整理复用而诞生；Sergej帮忙完成了JavaScript部分的开发，才得以正式发布。网站希望为开发者提供一个“动画 playground”，让预生成的动画能快速适配实际项目。

其他信息
反馈与联系：用户可通过cssanimista@gmail.com联系网站团队，分享使用体验或提出建议。
赞助与推广：网站接受品牌赞助， premium 赞助商的Logo会展示在首页及其他页面，优先考虑科技相关企业。
隐私与Cookie：网站使用Google Analytics分析流量、BuySellAds展示广告、Mailchimp管理邮件联系，相关数据收集遵循隐私政策。