为前端工作者准备的几个炫彩的js动画库

Animo.js

特点:Animo.js 是个小巧但强大的管理 CSS 动画的工具。它的特点有:叠加动画,创建跨浏览器的模糊效果,动画完成后可执行回调函数。

Move.js

主要做些移动之类的动画

特点:Move.js是一个小巧的JavaScript库,能使利用CSS3支持的动画变得非常简单和优雅。

Collie

Collie 是一个有助于使用 HTML5 创造高度优化的动画和游戏的JavaScript库。它可以运行在能够使用HTML5画布和DOM的PC和手机上。它可以稳定地处理使用渲染管线的多个对象,支持包括精灵动画和用户事件等的有用功能。能够稳定支持iOS和Android,并为每个平台以优化的方法呈现。也很容易对视网膜显示器提供反应。

Minified.js

Minified.js是一个体积小(<8kB)功能强的客户端JavaScript库。它提供了类似于jQuery的功能(DOM操作、动画、时间、HTTP请求) 和其他功能(集合、日期&数字格式化、日期计算、模板),并有着简单明了的API。

Rekapi

Rekapi是一款JavaScript关键帧动画库。它提供了一套API让你可以定义关键帧动画并控制动画播放。Rekapi并未指定渲染行为。事实上,Rekapi的内核并为执行任何渲染操作。它提供了一个API来定义渲染器,标准的发行包包括HTML DOM和HTML5 2D Canvas渲染器模块。

Snap.svg

SVG是建立互动的一个很好的方式,独立于分辨率的矢量图形会在任何屏幕看起来都很棒。Snap.svg 这个JavaScript库,使你的SVG资源使用起来就象用jQuery操作DOM一样容易。Snap.svg专为现代浏览器设计,因此支持最新的SVG特性,如遮蔽,裁剪,模式,完整的梯度,分组,和更多。

Favico

想给你的网站图标 favicon 添加徽章、图片,甚至是视频吗? Favico.js可以简单地为你的 favicon 图标添加动画的徽章,或从一个图像(视频,甚至是从你的网站的访问者的网络摄像头)飞快地创建 favicon。

Textillate.js

Textillate.js 是一个针对 CSS3 文本动画的简单插件。它融合了一些很棒的库,成为一个易用的对任意文本应用CSS3动画的插件

Firmin

Firmin 是一个 JavaScript 动画库,它使用 CSS 的转换和过渡功能来创造光滑的、带有硬件加速的动画的

AliceJS

AliceJS – (一个轻量级的独立CSS引擎)是一个微型的JavaScript库,集中在使用硬件加速的能力(特别是CSS3特性)在现代浏览器中生成高端大气上档次的视觉效果。

SVG.js

SVG.js 是一个轻量级SVG动画和操作Javascript库. 它有简单整洁的语法,压缩后只有7K的大小,并且它有丰富的有用的插件,等等。

Motio

Motio 是一个轻量的用于制作简单但功能强大的基于动画和平移画面的Javascript库,它获取一个元素,然后改变背景的位置来创建动画效果。Motio 不依赖于任何插件,但是有一个可选的Motion JQuery插件。

Anima.js

Anima.js 可以简化在同一时刻使得成百上千的元素具有动画效果的工作. 并且可以更好的控制你的动画, 甚至可以只创建CSS动画 (尽管这只提供少量的控制器,并且这一特性目前还处于实验阶段).

为前端工作者准备的几个炫彩的js动画库相关推荐

  1. animejs走马灯_web前端攻城狮超爱的JS动画库插件—anime.js

    作为一名web前端攻城狮,除了完成日常业务逻辑处理之外,也会去注重一些用户体验交互的问题.特别是如今web前端的发展很快,很多优秀js插件层出不穷.对于web前端开发者,也要会利用这些现有的js插件, ...

  2. Web前端:2022年最佳Javascript动画库

    当你考虑制作网站时,你首先考虑的是如何使你的网站脱颖而出,虽然有很多方法可以让它脱颖而出,比如发布独特的内容.制作引人入胜的视频和文章,但吸引人的最佳方式之一是动画和图形.前端开发人员利用Javasc ...

  3. JSON版七彩影视双端百果炫彩UI前端主题

    JSON版七彩影视双端百果炫彩UI前端主题,此版本专为喜欢花里胡哨的用户打造. 前端炫彩UI升级,将首页公告转移上方,轮播显示全部图像,推荐页进行轮播美化,由于时间比较急迫推荐页暂时不改版后续更新新的 ...

  4. 10个前端动画库让你的交互更加炫酷

    Animate.css animate.css 是一个使用CSS3的animation制作的动画效果的CSS集合,里面预设了很多种常用的动画,且使用非常简单. GitHub:github.com/an ...

  5. 前端进阶必学必会动画学习之Animate.css的使用与解析:一个强大而酷炫的CSS3动画库Animate.css使用方法教程

    简介 animate.css 是一个来自国外的 CSS3 动画库,它预设了抖动(shake).闪烁(flash).弹跳(bounce).翻转(flip).旋转(rotateIn/rotateOut). ...

  6. Esp8266 进阶之路35【项目篇】借助机智云平台用乐鑫esp8266芯片做一个商业化的七彩RGB灯泡可调整体方案项目,炫彩夺目高大尚。

    本系列博客学习由非官方人员 半颗心脏 潜心所力所写,不做开发板.仅仅做个人技术交流分享,不做任何商业用途.如有不对之处,请留言,本人及时更改. 1. Esp8266之 搭建开发环境,开始一个" ...

  7. 炫彩logo粒子效果

    前端开发whqet,csdn,王海庆,whqet,前端开发专家 昨天我们学习了利用requestAnimationFrame优化动画控制,然后就忍不住冲动,在fork别人codepen的基础上,实现了 ...

  8. #前端开发# 【一】 之Animate动画库的安装及详细用法

    #前端开发# 之Animate动画库的安装及详细用法 在前端的开发过程中,我们免不了需要动画来实现更多酷炫效果, 下面主要是介绍Animate这款强大的动画库,以及其安装及使用 相信大家也已经了解过A ...

  9. 画一个 “月饼” 陪我过中秋,使用 ESP32-C3 制作炫彩月饼(我为嵌入式工程师争取月饼)

    程序员过中秋活动,C站大部分群体都是程序员,我想为嵌入式工程师求一份月饼 ...... by 矜辰所致 ... 原理图 WS2812 灯带 部分错误更正说明 2022.9.5 前言 今年的中秋节又要到 ...

  10. 【Micropython】发光二极管手工制作炫彩跑马灯

    2019独角兽企业重金招聘Python工程师标准>>> 先甩锅 做完后才发现最后一个灯坏了,就坏了一个灯也不好意思去找淘宝店家,大家视频凑合着看把.不过并不影响实验效果.因为这个发光 ...

最新文章

  1. 顺序结构,判断结构 if,switch
  2. VUE的本地应用-V- on
  3. GitHub使用指南——建立仓库、建立文件夹、上传图片详细教程
  4. 联邦学习怎样应用在推荐系统中?
  5. 孙正义看未来30年:这个趋势,永远不会错(附完整PPT)
  6. python bs4 + requests4 简单爬虫
  7. 【LeetCode从零单排】No112 Path Sum
  8. Kubernetes应用部署模型解析(原理篇)
  9. 随想录(学习nxp rt1052 soc)
  10. java 时间换算_时间换算java实现
  11. Mud Puddles ( bfs )
  12. 封装和继承作业(java)(一)
  13. python中的platform模块获取平台信息
  14. 一篇搞懂场景测试(Test Scenario Analysis)
  15. python内置颜色条_用于多个子图的Python颜色条
  16. 《软件方法(上)业务建模和需求》第2版 勘误(2021年10月9日更新)
  17. 在线思维导图软件哪家强?在线测评
  18. springboot实现excel文件下载的功能
  19. 学习python基础(五)
  20. java牛顿法求方程根_C程序习题-用牛顿迭代法求方程的根[6.12]

热门文章

  1. C语言程序设计勾股数,打印出100内的所有的勾股数(用C语言实现)
  2. unicode 特殊字符表 特殊符号
  3. 软件生命周期模型优缺点及适用范围
  4. 是男人就闯到99关 【安卓软件】
  5. 泛微OA前端经验总结
  6. SOFA-DTX 分布式事务的设计演进路线
  7. 《java程序设计基础》使用Reader和Writer流类
  8. signature=a5d52dd3b1c2e95cc6ca952d8f8e8a05,6d53beb98227311df5d5a4ccf0177f23
  9. 现在,让客服接管数字化企业
  10. 论初唐诗人的历史地位-上官仪、王勃、杨炯、陈子昂、杜审言