方式一：利用drop-shadow给icon加样式 (利用原图标的阴影区域，同时将原图标移动超过之前父元素范围)filter: drop-shadow(red 80px 0); transform: translateX(-80px); 给父元素加样式 （父元素超范围隐藏，正好把原图标的隐藏掉，显示阴影区域） overflow:hidden;<div class="svg"> <img src="./loading.svg" class="svg-color"></div>//css.svg { width: 30px; height: 30px; overflow: hidden;}.svg-color { transform: translateX(30px); filter: drop-shadow(...未完，继续阅读→
关键字：svg 颜色 图标 

　几年前，很难找到一个合适的颜色选择器。正好看到很多不错的JavaScript颜色选择器插件，故而把这些编译汇总。在本文，Web设计师和开发人员 Kevin Liew 选取了11个相应插件，有些会比较复杂，其他比较简单，相信应该会有适合你的。　　1.ExColor　　ExColor是一个类似Photoshop样式的jQuery颜色拾取插件，其定制性非常高，通过参数设置可生成各种样式和效果的颜色拾取器。它可以附加到任意的input输入框，通过简单地调用一行函数即可。　　2.JScolor JSColor是一个简单、易于使用的JavaScript库，可以将任何给定input框转化为颜色选择器。该选...未完，继续阅读→
关键字：js 颜色 插件 

在制作饼图或标签云时，我们通常需要很多颜色，方法有二。一是准备一组漂亮的候选颜色，二是随机生成颜色。在数量很多或不明确时，我想后者就是唯一的出路了。谷歌了一下，整理如下，按由浅入深的顺序排列。实现1var getRandomColor = function(){ return "#" + (function(color){ return (color += "0123456789abcdef"[Math.floor(Math.random()*16)]) && (color.length == 6) ? color : arguments.callee(color); })("");}//随机生成6个字符然后再串到一起，闭包调用自...未完，继续阅读→
关键字：js 颜色