通过
搜索
搜索ouxsoft / promare-gradients
Promare Gradients 对网页背景中霓虹色使用的标准化。
v0.5.2
2022-01-19 04:52 UTC
This package is auto-updated.
Last update: 2024-09-04 10:11:34 UTC
README
Promare Gradients 标准化网页背景中霓虹色的使用。这是一个小巧的样式表库，包含超过 25,000 种不同的霓虹背景组合。
霓虹色具有高色度。当它们对比时，心理上会吸引用户的注意力1。霓虹灯牌用于呼叫行动也就不足为奇了。
快速入门
以下是开始您自己的戏剧性霓虹色网页存在的一些方法
- 下载最新版本
- 克隆仓库:
git clone https://github.com/Ouxsoft/promare-gradients.git - 使用 npm 安装:
npm i @ouxsoft/promare-gradients - 使用 Composer 安装:
composer require ouxsoft/promare-gradients
使用方法
霓虹色
Promare Gradients 特点十六（16）种基色，这些基色被精心挑选以体现霓虹灯光
green，ufo，lime，red，orange，yellow，absinthe，chartreuse，pink，magenta，plastic，purple，proton，blue，cyan 和 grayscale。
<div class=".bg-blue"> Call to Action </div>
色调和明度
每种霓虹色都有常规形式，两种 色调 （*-0，*-25）和两种 明度 （*-75，*-100）。这些类将背景颜色为纯霓虹色
渐变
将上述任何两种色调和明度结合起来，为您的网页添加霓虹背景渐变。
示例
<div class=".bg-blue-to-lime-75-nw"> Blue to bright lime gradient moving in a top left direction </div> <div class=".bg-plastic-75-to-grayscale-0-se"> Plastic purple to black moving in a bottom right direction </div>
渐变方向
类的最后一个后缀定义了渐变的方向。以下选项可用
致谢
Promare Gradients 的名字来源于电影 Promare，该电影具有丰富的霓虹渐变色，并启发了这个包。