本周日(5月27日)码云企业技术分享会【微服务】专场将与你相约上海。阿里、华为、ThoughtWorks的技术大咖齐聚,等你来撩!
Watch Star Fork

InFaNg / CanvasCSSMIT

加入码云
与超过 200 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
炫酷,有趣的CSS3动画库(只做代码同步,Issue/PR 请到 GitHub) https://github.com/InFaNg/Canvas/ http://infang.github.io/Canvas/
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README.md 924 Bytes

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)

项目点评 ( 1 )

你可以在登录后,发表评论

9_float_left_people 9_float_left_close