您当前位置:站长素材 >>资讯>>酷站资讯>>Grabient 在线渐变配色网站

UI资讯 字体资讯 jquery资讯 PSD资讯 技术资讯 酷站资讯 主题资讯 模板资讯 logo资讯 图标资讯 矢量资讯 壁纸资讯

Grabient 在线渐变配色网站

标签:

一直都有跟大家分享渐变配色的方案,今天继续为大家分享这类配色网站:Grabient,这个网站的交互体验还真不错!拥有它可以方便实现漂亮的渐变效果。

Grabient - 在线配色网站

网站名称:Grabient
网站地址https://www.grabient.com/

网站特色

  • 支持 CSS 样式代码复制
  • 可以操控360度渐变旋转
  • 自由增加或删除渐变颜色
  • 超方便的交互操作

下面我们来看看这个交互体验不错的配色网站,试过之后你一定会喜欢上它!

渐变角度变换

点击左下角「90度」图案,就可以操控渐变的角度哦!

增加配色

这个作品相当简单,点击加号就可以,同时还能选择颜色。

改变渐变范围

点击右下角设备图标,就可以通过拖动来设置渐变范围了,是不是很方便?

删除色块

按信一个色块,然后向右拖动到「垃圾桶」图标即可。

切换颜色模式

比如 HSL,RGB,HEX 之间切换

复制 CSS 代码

只要点击一下就能复制 CSS 代码……


                        
可匿名发表评论
0条评论
关于站长之家 - 联系我们(电话) - 广告服务 - 版权声明 - 友情链接 - 栏目地图 - 帮助说明

© CopyRight 2002-2018, CHINAZ.COM, Inc.All Rights Reserved.