搜索

利用库的办法引入动画效果


发布时间: 2022-11-24 18:45:08    浏览次数:72 次

<---------------------------------调用css动画库---------------------------------------------->

第一步:用link引入css的动画库

第二步:在需要的元素中引入css动画库

第三步:如果需要动画效果无限次数播放添加类 infinite

<---------------------------------调用js,可视界面做动画效果,不可视页面不做---------------------------------------------->

第一步:用script引入js的效果库

第二步:添加script的对象调用

第三步:在需要的元素中添加类

<---------------------------------案例:调用animate.css和wow.js实现效果---------------------------------------------->

<link rel="stylesheet" href="./css/animate.min.css">   先用link调用css动画库

<div class="box animated tada infinite wow"></div>   先引入库 animated,然后在   https://animate.style/#usage  中找到自己的样式调用进去  加上 infinite 使他一直做动画效果
<script src="./js/wow.min.js"></script>  使用script调用js库
<script> new WOW().init();</script>   使用对象调用
最后使用类调用 wow样式即可
免责声明 利用库的办法引入动画效果,资源类别:文本, 浏览次数:72 次, 文件大小:-- , 由本站蜘蛛搜索收录2022-11-24 06:45:08。此页面由程序自动采集,只作交流和学习使用,本站不储存任何资源文件,如有侵权内容请联系我们举报删除, 感谢您对本站的支持。 原文链接:https://www.cnblogs.com/hgng/p/16810015.html