0.3.0 • Published 5 years ago
breathjs v0.3.0
breathjs
一个类似呼吸节奏的动画库,支持 css3 transform 多种属性
js 使用
#bash
npm install breathjs -save
// xxx.js
import Breath from 'breath'
const breath = new Breath()
breath.init()
或者
<!-- xxx.html -->
<script src="breath.js"></script>
html 使用
<!-- html -->
<div data-breath="scale(1.2, 1.2)">缩放</div>
<div data-breath="rotate(30deg)">旋转</div>
<div data-breath="translate(10px, 10px)">位移</div>
<div data-breath="skew(30deg)">倾斜</div>
<div data-breath="scale(1.2, 1.2);rotate(30deg)">多动画用‘;’隔开</div>
<div data-breath="rotate(30deg);origin(left top)">改变旋转轴</div>
<div data-breath="rotate(30deg);duration(2000)">更默认为1500毫秒的动画时间</div>
<div data-breath="rotate(30deg);timing(ease)">更默认为linear的动画曲线</div>