animate.css

使用首先设置一下 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>
posted @ 2017-02-15 13:19  AdiaLike  阅读(155)  评论(0编辑  收藏  举报