请选择 进入手机版 | 继续访问电脑版

VueJs 3 前端开发技术学习 Front-end Study

 找回密码
 加入学习
搜索
热搜: vue react javascript
查看: 1656|回复: 0

animejs 一款功能强大的 Javascript 动画库。

[复制链接]

37

主题

39

帖子

223

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
223
发表于 2022-4-12 16:39:17 | 显示全部楼层 |阅读模式
一款功能强大的 Javascript 动画库。可以与CSS3属性、SVG、DOM元素、JS对象一起工作,制作出各种高性能、平滑过渡的动画效果。
安装:
  1. npm install animejs
复制代码
基本用法:
  1. <div class="ball" style="width: 50px; height: 50px; background: blue"></div>

  2. import anime from 'animejs/lib/anime.es.js'

  3. // 页面渲染完成之后执行
  4. anime({
  5.   targets: '.ball',
  6.   translateX: 250,
  7.   rotate: '1turn',
  8.   backgroundColor: '#F00',
  9.   duration: 800
  10. })
复制代码


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 加入学习

本版积分规则

QQ|Archiver|手机版|小黑屋|vue3

GMT+8, 2022-10-1 21:34 , Processed in 0.037998 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表