帝国模板之家为广大用户提供专业、一站式建站服务。

网页特效

网页特效栏目收集了最全最新的前端网页插件,包括最流行的jQuery,Bootstrap,Js,Css,Vue等主流特效插件。

当前位置:首页 > 资源 > 网页特效 > 正文

vue发光特效组件(VueGlow)支持任意元素

帝国模板之家 2021-01-04 网页特效 评论

介绍

一个Vue.js组件,可将可配置的柔和或强烈的发光效果应用于应用程序中的任何元素。并支持淡入淡出过渡效果。

使用方法

1.导入VueGlow组件。

import VueGlow from 'vue-glow';

2.将VueGlow组件添加到模板。

// soft
<VueGlow color="#18806C" mode="hex" elevation="11" intensity="1.67">Anything you want!</VueGlow>

// intense
<VueGlow color="#18806C" mode="hex" elevation="11" intensity="1.67" intense>Anything you want!</VueGlow>

3.配置发光效果。

color: { default: ‘red’ },
mode: { type: String, default: ‘name’ }, // ‘name’, ‘hex’, ‘rgb’, or ‘hsl’.
elevation: { default: 12 },
intense: { type: Boolean, default: false },
intensity: { type: Number, default: 1 },
disabled: Boolean,
tile: Boolean,
fade: Boolean, // enables fade transition
reversed: Boolean,
interval: { default: 50 }

4. 对发光效果应用淡入淡出过渡。

<VueGlow color="#18806C" mode="hex" fade interval="31" elevation="11" intensity="1.67" intense>Anything you want!</VueGlow>
这世上无忧无虑的人,反而相对寿命会长点。

已有 位小伙伴发表了看法

欢迎 发表评论

  • 匿名发表

关于

帝国cms模板

网页插件

帝国模板之家 | www.moyouyouw.cn

本站所有模板/文章除标明原创外,均来自网络转载,版权归原作者所有,如果有侵犯到您的权益,请联系站长删除,谢谢! 寻找帝国cms模板首选帝国模板之家,用心做站,上线至今广受好评,值得信赖!

  • 交流群1:帝国cms交流群1
  • 交流群2:帝国cms交流群2
在线QQ 给我留言