Metrics
0
Watch 15 Star 33 Fork 4

InFaNg / CanvasCSSMIT

Sign up for free
Explore and code with more than 2 million developers,Free private repositories !:)
Sign up
炫酷,有趣的CSS3动画库(只做代码同步,Issue/PR 请到 GitHub) https://github.com/InFaNg/Canvas/ spread retract

http://infang.github.io/Canvas/

Clone or download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

Canvas

  • 版本:1.2.2
  • 作者:InFaNg

使用

  1. <head>中引入Canvas文件 <link rel="stylesheet" href="https://infang.github.io/Canvas/dist/1.2.2/canvas.min.css" />
  2. 为想要添加动画效果的元素赋予以下一个类(具体效果可参考Canvas 演示

####过渡动画

  • appear
  • appear-expand
  • appear-reduce
  • appear-top
  • disappear-top
  • appear-right
  • disappear-right
  • appear-bottom
  • disappear-bottom
  • appear-left
  • disappear-left
  • appear-rotate
  • disappear-rotate
  • appear-rotate-x
  • appear-rotate-y
  • disappear-rotate-x
  • disappear-rotate-y
  • flash
  • appear-scale-x
  • appear-scale-y
  • disappear-scale-x
  • disappear-scale-y

####循环动画

  • float

License

Canvas is licensed under the MIT license. (http://opensource.org/licenses/MIT)

Comments ( 1 )

You need to Sign in for post a comment

Help Search

183227_9af5e6a8_1826025 111910_4d91f001_1826025