http://anijs.github.io/ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>anijs</title> <link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/animate.css/3.5.1/animate.css"> <style type="text/css"> header{padding: 15px;background: steelblue;color: #fff;} #main{padding:300px;background: purple;} footer{padding:100px;background: teal;} </style> </head> <body> <!--Simple sentence--> <header data-anijs="if: click, do: flipInY animated"> header (Click here) </header> <div id="main" data-anijs="if:click, do: hinge animated, to:footer"> Main (Click here) </div> <footer data-anijs="if: mouseover, do: swing animated"> footer (MouseOver) </footer> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script type="text/javascript" src="http://cdn.bootcss.com/AniJS/0.9.3/anijs-min.js"></script> </body> </html> 提示：你可以先修改部分代码再运行。 转载请注明：有爱前端 » css动画 喜欢 (2)or分享 (0)
