Inicio Explorar Axuda
Rexistro Iniciar sesión
Apq
/
semi-design
réplica de https://github.com/DouyinFE/semi-design.git
1
0
Fork 0
Ficheiros Incidencias 0 Wiki
Rama: fix-arrayField
Ramas Etiquetas
semi-design
/
packages
/
semi-animation-styled
semi-bot 1810821764 v2.33.1 %!s(int64=2) %!d(string=hai) anos
..
_story f76bd5879d feat: init %!s(int64=4) %!d(string=hai) anos
scripts f76bd5879d feat: init %!s(int64=4) %!d(string=hai) anos
src 626c4b9f9e Feat/support next (#245) %!s(int64=3) %!d(string=hai) anos
README.md 3867f9a84f Test update (#114) %!s(int64=4) %!d(string=hai) anos
getBabelConfig.js 1b9c2f04c2 chore: replace divide operator to math.div (#1130) %!s(int64=3) %!d(string=hai) anos
gulpfile.js 626c4b9f9e Feat/support next (#245) %!s(int64=3) %!d(string=hai) anos
index.ts f76bd5879d feat: init %!s(int64=4) %!d(string=hai) anos
package.json 1810821764 v2.33.1 %!s(int64=2) %!d(string=hai) anos
tsconfig.json f76bd5879d feat: init %!s(int64=4) %!d(string=hai) anos

README.md

Stylesheet for animation

  • Provides rich transition effects based on animate.css (https://github.com/animate-css/animate.css)
  • It is easy to use. Building rich and vivid front-end pages through adding various atomic animation style to elements

Usage

import '@douyinfe/semi-animation-styled'; 
import React from 'react';

class App extends React.Component {
    render() {
        return (
            <div className="semi-animated semi-bounce semi-speed-slow semi-loop-infinite">bounce</div>
        );
    }
}