Gulp 将十六进制值转换为筛选器属性

af7jpaap  于 2022-12-08  发布在  Gulp
关注(0)|答案(2)|浏览(165)

我确实在codepen上找到了这个,但是它使用JS来手动计算filter的值。我希望能够使用SASS来完成这个操作,这样我就可以更编程地构建这些。
下面是一个最终结果的例子,但是它需要我硬编码。我们使用gulpjs来编译我们的SASS文件。
我怎么能做codepen所做的事情,但是用SASS呢?
第一个

rvpgvaaj

rvpgvaaj1#

如果您放宽了原始问题的要求,即它是一个纯CSS解决方案-您可以使用SVG Filter直接设置颜色,并从CSS引用该滤镜。feColorMatrix矩阵的第五列可用于显式设置RGB。

svmlkihl

svmlkihl2#

我会这样开始
1.看看萨斯提供的颜色functions
1.实现缺少的math functions(cos、sin等)
1.开始将JS转换为Sass,看看还需要什么
我很想发布函数,但这不是一个微不足道的任务(它可以做到),现在是凌晨2点08分,我需要睡觉-让我们称之为第一轮;)
同时给予试着用你得到的工作和不工作来更新你的问题

相关问题