CSS与SVG动画库：AnimatePlus_html/css

来源：懂视网责编：小采时间：2020-11-27 16:34:08

CSS与SVG动画库：AnimatePlus_html/css

CSS与SVG动画库：AnimatePlus_html/css_WEB-ITnose:Animate Plus是一个高性能的 JavaScript 库，能够帮助你构建动画效果的CSS 属性和 SVG 属性Animate Plus 是非常适合快速 UI 交互的，同时也适合台式和移动设备上更长的动画序列。示例： CSS spring animations on DOM elemen

推荐度：

点击下载本文 文档为doc格式

导读CSS与SVG动画库：AnimatePlus_html/css_WEB-ITnose:Animate Plus是一个高性能的 JavaScript 库，能够帮助你构建动画效果的CSS 属性和 SVG 属性Animate Plus 是非常适合快速 UI 交互的，同时也适合台式和移动设备上更长的动画序列。示例： CSS spring animations on DOM elemen

Animate Plus是一个高性能的 JavaScript 库，能够帮助你构建动画效果的CSS 属性和 SVG 属性Animate Plus 是非常适合快速 UI 交互的，同时也适合台式和移动设备上更长的动画序列。示例：

CSS spring animations on DOM elements

Simple SVG morphing animation

Performance/stress test (250 SVG shapes animated independently)

Getting Started

npm install animateplusor download and insertanimate.min.js(2.7KB gzipped) :

Start animating things:

animate({ el: "div", translateX: 100, opacity: .5, duration: 500 });

API

Arguments

animateaccepts either anObjector aMapcontaining at least an element and a property to animate:

animate({ el: "div", opacity: 0 }); // Or: var params = new Map();params.set("el", "div");params.set("opacity", 0);animate(params);

el

The elements to animate.elcan either take a:

CSS selector:"div"

jQuery-like object:$("div")

DOM element:document.querySelector("div")

Array of DOM elements:[document.querySelector("div")]

NodeList or HTMLCollection:document.getElementsByTagName("div")

项目主页：http://www.open-open.com/lib/view/home/1434012030223

CSS与SVG动画库：AnimatePlus_html/css

推荐度：

点击下载本文 文档为doc格式

标签：动画 html css

热门焦点

CSS与SVG动画库：AnimatePlus_html/css

CSS与SVG动画库：AnimatePlus_html/css

Getting Started

API

Arguments

el

CSS与SVG动画库：AnimatePlus_html/css

最新推荐

猜你喜欢

热门推荐