为前端工作者准备的几个炫彩的js动画库
为前端工作者准备的几个炫彩的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动画库相关推荐
- animejs走马灯_web前端攻城狮超爱的JS动画库插件—anime.js
作为一名web前端攻城狮,除了完成日常业务逻辑处理之外,也会去注重一些用户体验交互的问题.特别是如今web前端的发展很快,很多优秀js插件层出不穷.对于web前端开发者,也要会利用这些现有的js插件, ...
- Web前端:2022年最佳Javascript动画库
当你考虑制作网站时,你首先考虑的是如何使你的网站脱颖而出,虽然有很多方法可以让它脱颖而出,比如发布独特的内容.制作引人入胜的视频和文章,但吸引人的最佳方式之一是动画和图形.前端开发人员利用Javasc ...
- JSON版七彩影视双端百果炫彩UI前端主题
JSON版七彩影视双端百果炫彩UI前端主题,此版本专为喜欢花里胡哨的用户打造. 前端炫彩UI升级,将首页公告转移上方,轮播显示全部图像,推荐页进行轮播美化,由于时间比较急迫推荐页暂时不改版后续更新新的 ...
- 10个前端动画库让你的交互更加炫酷
Animate.css animate.css 是一个使用CSS3的animation制作的动画效果的CSS集合,里面预设了很多种常用的动画,且使用非常简单. GitHub:github.com/an ...
- 前端进阶必学必会动画学习之Animate.css的使用与解析:一个强大而酷炫的CSS3动画库Animate.css使用方法教程
简介 animate.css 是一个来自国外的 CSS3 动画库,它预设了抖动(shake).闪烁(flash).弹跳(bounce).翻转(flip).旋转(rotateIn/rotateOut). ...
- Esp8266 进阶之路35【项目篇】借助机智云平台用乐鑫esp8266芯片做一个商业化的七彩RGB灯泡可调整体方案项目,炫彩夺目高大尚。
本系列博客学习由非官方人员 半颗心脏 潜心所力所写,不做开发板.仅仅做个人技术交流分享,不做任何商业用途.如有不对之处,请留言,本人及时更改. 1. Esp8266之 搭建开发环境,开始一个" ...
- 炫彩logo粒子效果
前端开发whqet,csdn,王海庆,whqet,前端开发专家 昨天我们学习了利用requestAnimationFrame优化动画控制,然后就忍不住冲动,在fork别人codepen的基础上,实现了 ...
- #前端开发# 【一】 之Animate动画库的安装及详细用法
#前端开发# 之Animate动画库的安装及详细用法 在前端的开发过程中,我们免不了需要动画来实现更多酷炫效果, 下面主要是介绍Animate这款强大的动画库,以及其安装及使用 相信大家也已经了解过A ...
- 画一个 “月饼” 陪我过中秋,使用 ESP32-C3 制作炫彩月饼(我为嵌入式工程师争取月饼)
程序员过中秋活动,C站大部分群体都是程序员,我想为嵌入式工程师求一份月饼 ...... by 矜辰所致 ... 原理图 WS2812 灯带 部分错误更正说明 2022.9.5 前言 今年的中秋节又要到 ...
- 【Micropython】发光二极管手工制作炫彩跑马灯
2019独角兽企业重金招聘Python工程师标准>>> 先甩锅 做完后才发现最后一个灯坏了,就坏了一个灯也不好意思去找淘宝店家,大家视频凑合着看把.不过并不影响实验效果.因为这个发光 ...
最新文章
- 顺序结构,判断结构 if,switch
- VUE的本地应用-V- on
- GitHub使用指南——建立仓库、建立文件夹、上传图片详细教程
- 联邦学习怎样应用在推荐系统中?
- 孙正义看未来30年:这个趋势,永远不会错(附完整PPT)
- python bs4 + requests4 简单爬虫
- 【LeetCode从零单排】No112	Path Sum
- Kubernetes应用部署模型解析(原理篇)
- 随想录(学习nxp rt1052 soc)
- java 时间换算_时间换算java实现
- Mud Puddles ( bfs )
- 封装和继承作业(java)(一)
- python中的platform模块获取平台信息
- 一篇搞懂场景测试(Test Scenario Analysis)
- python内置颜色条_用于多个子图的Python颜色条
- 《软件方法(上)业务建模和需求》第2版 勘误(2021年10月9日更新)
- 在线思维导图软件哪家强?在线测评
- springboot实现excel文件下载的功能
- 学习python基础(五)
- java牛顿法求方程根_C程序习题-用牛顿迭代法求方程的根[6.12]