动效解决方案 Kute.js

一、Kute.js 是一个纯粹的动效引擎,拥有出色的性能。它可以兼容许多不同的浏览器,包括一些相对传统的浏览器。它还具备许多插件,提供有效的运行环境。

  • 官网 http://thednp.github.io/kute.js/index.html

二、功能介绍

KUTE.js 包含一系列组件,用于表示属性、SVG 转换、绘制 SVG 笔触和路径变形、文本字符串写入或数字倒计时,以及其他 CSS 属性,如颜色、边框半径或排版属性。

三、安装

npm i kute.js

下载完后,项目下新建 lib文件夹,直接将 kute.js文件放置于该文件夹下,
index.html 文件中引入即可。

四、场景实践

1、缓动出现






2、滚动跳转






你可能感兴趣的:(动效解决方案 Kute.js)