我确实在codepen上找到了这个,但是它使用JS来手动计算filter的值。我希望能够使用SASS来完成这个操作,这样我就可以更编程地构建这些。下面是一个最终结果的例子,但是它需要我硬编码。我们使用gulpjs来编译我们的SASS文件。我怎么能做codepen所做的事情,但是用SASS呢?第一个
JS
filter
SASS
codepen
rvpgvaaj1#
如果您放宽了原始问题的要求,即它是一个纯CSS解决方案-您可以使用SVG Filter直接设置颜色,并从CSS引用该滤镜。feColorMatrix矩阵的第五列可用于显式设置RGB。
svmlkihl2#
我会这样开始1.看看萨斯提供的颜色functions1.实现缺少的math functions(cos、sin等)1.开始将JS转换为Sass,看看还需要什么我很想发布函数,但这不是一个微不足道的任务(它可以做到),现在是凌晨2点08分,我需要睡觉-让我们称之为第一轮;)同时给予试着用你得到的工作和不工作来更新你的问题
2条答案
按热度按时间rvpgvaaj1#
如果您放宽了原始问题的要求,即它是一个纯CSS解决方案-您可以使用SVG Filter直接设置颜色,并从CSS引用该滤镜。feColorMatrix矩阵的第五列可用于显式设置RGB。
svmlkihl2#
我会这样开始
1.看看萨斯提供的颜色functions
1.实现缺少的math functions(cos、sin等)
1.开始将JS转换为Sass,看看还需要什么
我很想发布函数,但这不是一个微不足道的任务(它可以做到),现在是凌晨2点08分,我需要睡觉-让我们称之为第一轮;)
同时给予试着用你得到的工作和不工作来更新你的问题