wowjs

作者: Wrestle_Mania | 来源:发表于2019-11-13 10:25 被阅读0次
cnpm i wowjs -S
  • main.js
import "animate.css";
  • Home.vue
import { WOW } from "wowjs";
export default {
  mounted() {
    new WOW({ live: false }).init();
  },
}
  • template中
<div class="wow lightSpeedIn"></div>

class中的wow是固定写法,第二个就是从animate.css中找的动画名称

有一个缺陷,这种动画只能触发一次

相关文章

  • 让css3动画变得有趣wowjs

    wowjs可以在网页滚动时, 展示css动画,是animater的好朋友, wowjs官方实例演示链接: http...

  • wowjs

    main.js Home.vue template中 class中的wow是固定写法,第二个就是从animate....

  • Vue+Wowjs动画演示

    场景 前端同事使用vue开发网页,并需要使用wowjs进行动画效果展示。但wowjs并未生效,找不到原因。 解决 ...

  • 在vue-cli 中使用wowjs

    在vue-cli 中使用wowjs 使用node导入依赖 在要使用的页面导入文件 初始化wowjs 问题:控制台可...

  • nuxt中引入wowjs

    随页面滚动的动画 这里做一个查阅资料的笔记,呈现方式直接代码1.plugins文件夹下面建立wow.js 2.nu...

  • vue中使用wow.js动画效果

    1、通过npm安装wowjs和animate.css 这里有个坑 直接这样安装 animate版本太高 没有效果,...

  • webpack中使用wowjs和animate.css

    animate.css 是一个来自国外的 CSS3 动画库,它预设了抖动(shake)、闪烁(flash)、弹跳(...

网友评论

      本文标题:wowjs

      本文链接:https://www.haomeiwen.com/subject/archictx.html