Animotion – 视觉 CSS 动画应用程序
Animotion – a visual CSS animation app

原始链接: https://cssanimotion.pages.dev/

CSS Animations 无代码 Animotion lets you 直观地创建 CSS 动画 , 经过 拖动、调整大小、旋转、 clipping and more, including a 关键帧编辑器 , A collection of 可以使用 动画 and 29 内置 缓和 创建动画 这个应用程序在更大的屏幕和现代网络浏览器上运行得更好 您的浏览器不支持视频标签。

1999 年,CS​​S3 为基于关键帧的动画提供了基本功能,但 20 年后,强大且多功能的 CSS 动画的潜力在很大程度上仍未实现。 当前浏览器对 CSS 动画的支持是有限的,需要大量的前缀语法(“moz-”、“webkit-”)来确保跨平台的兼容性。 jQueryUI 和 Bootstrap 等框架提供了替代选项,提供了比普通 CSS 更广泛的定制可能性,但通常会导致资源使用增加和性能下降。 最近,Bodymovin for Adob​​e After Effects 等工具允许通过 CSS 和 SVG 导出直接创建和编辑 Web 友好的动画。 然而,尽管过去二十年来硬件功能和网络连接取得了显着进步,但网络动画技术仍然主要是一个利基行业。 也许这一领域的停滞状态要归因于像 Adob​​e 这样的公司,它们对 Macromedia 的收购可能阻碍了创新和进步。 相比之下,在企业利益之外开发的工具继续填补空白,例如 Theatre.js 或最近开发的 AnimotionJS,甚至像 GTP-4 这样的新兴技术通过机器学习算法产生了令人印象深刻的结果。 尽管存在局限性和缺点,CSS 动画为创意表达提供了巨大的机会,特别是考虑到快速互联网连接的普遍存在。 此外,结合撤消/重做功能、更灵活的时间表以及改进 UI 设计的建议等反馈可以极大地提高可用性和用户体验。 总体而言,虽然网络动画不断发展,但创造力和表达的潜力仍然巨大,这使其成为任何对数字艺术感兴趣的人值得追求的目标。
相关文章

原文

Animotion lets you create CSS animations visually, by dragging, resizing, rotating, clipping and more, including a keyframes editor, a collection of ready-to-use animations and 29 built-in easings

This app works better on larger screens and modern web browsers

联系我们 contact @ memedata.com