jQuery生成复古80年代渐变线 Lazer Linez

  • 源码大小:54.06KB
  • 所需积分:1积分
  • 源码编号:19JP-3499
  • 浏览次数:376次
  • 最后更新:2023年06月20日
  • 所属栏目:其他
我要下载
加入收藏
本站默认解压密码:19jp.com 或 19jp_com

简介

Lazer Linez是一个jQuery插件,它可以为您的网站添加复古的80年代风格的几何渐变线。

有了这个插件,你可以使用几何线网格来创建80年代风格的霓虹灯标志的效果。无论是电影标题、海报还是一些图像文本,添加一些rad渐变效果总是一个好主意。

如何使用它:

1.在jQuery之后加载Lazer Linez插件的缩小版。

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/jquery.lazerlinez.min.js"></script>

2.调用函数拉泽利内兹在要生成渐变线的目标元素上。

$(function(){
  $(selector).lazerlinez();
});

3.通过覆盖以下选项来自定义线条。

$(selector).lazerlinez({

  // beginning color
  'start_color' : 'goldenrod', 

  // ending color of the linez
  'end_color' : '#b2d', 

  // thickness % of first space
  'first_gap' : .2, 

  // thickness % of first line
  'first_line' : 4, 

  // thickness % of last space
  'last_gap' : 4, 

  // thickness % of last line
  'last_line' : .1, 

  // number of lines to generate
  'num_linez' : 10,

  // top, right, bottom, left
  'position' : 'top',

  // thickness % of additional start_color
  'extend_start' : 55, 

  // z-index property
  'z' : '1',

  // additional CSS classes
  'add_class' : '' 
  
});

预览截图