码迷,mamicode.com
首页 > Web开发 > 详细

animate.css

时间:2017-02-15 13:48:54      阅读:2243      评论:0      收藏:0      [点我收藏+]

标签:.com   下载   设置   多个   styles   用法   tle   body   world   

使用首先设置一下 link 标签
方式一:
在animate网上管理geihub,将源代码下载下来,将animate.css放入目录
<link rel="stylesheet" href="animate.css">
方式二:
<link href="http://cdn.bootcss.com/animate.css/3.5.2/animate.min.css" rel="stylesheet">
具体使用
使用animate.css时候用法为:在想做动画的元素的类上 写上animated(必须写否则无效果) 还可以写比如infinited等 然后跟上动画名称 虽然可以跟多个动画名称但是只有最后一个生效
<style>
        .demoH1{ animation: hinge 1s infinite; }
</style>
</head>
<body>
    <h1 class="animated infinite zoomOutLeft ">hello world!</h1>
    <h1 class="demoH1">你好啊!</h1>
</body>

animate.css

标签:.com   下载   设置   多个   styles   用法   tle   body   world   

原文地址:http://www.cnblogs.com/adialike/p/6401006.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!