目录
打字机效果Vue动画库
代码示例
效果
炫酷背景动画库
代码示例
效果
打字机效果Vue动画库
npm install vue-typical
代码示例
<template> <div> <v-typical class="blink" :steps="['Hello', 1000, 'Hello World !', 600, 'Hello World ! 👋', 1000]" :loop="Infinity" :wrapper="'h2'" ></v-typical> </div> </template> <script> import VTypical from 'vue-typical'; export default { name:"DH", components:{ VTypical } } </script> <!-- Add "scoped" attribute to limit CSS to this component only --> <style scoped> </style>效果
炫酷背景动画库
npm install particles-bg-vue
代码示例
<template> <div> <particles-bg type="circle" :bg="true"/> ccccccccccccccccccc </div> </template> <script> import {ParticlesBg} from "particles-bg-vue"; export default { name: "DH", components: { ParticlesBg }, data() { return {} } } </script> 更换里面的type,参数即可有不同效果
效果
type:ball
type: cobweb
type: polygontype: squaretype="tadpole"type:color
type: fountain
type:custom
type:random文章来源:https://www.toymoban.com/news/detail-478880.html
随机一个以上的动画文章来源地址https://www.toymoban.com/news/detail-478880.html
到了这里,关于VUE 常用炫酷动画库(拿来即用系列)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!