首页 > Web开发 > 详细

animate.css

时间:2017-02-15 13:46:13      阅读:255      评论:0      收藏:0      [点我收藏+]
使用首先设置一下 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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!