这是我的具体情况。我需要创建一个'面具'在一个元素上。我在元素上有一个边框,一个前面的伪元素,它是动画的,后面的伪元素是相同但有0不透明度的颜色,边框是'掩码&#39 ;,它整齐地位于元素的边界内(效果是在到达边界之前干净地切断动画位)。
这一切都很好(尴尬,但很好),但问题是后边框的颜色需要与元素背后的背景相匹配,但这可能因不同的上下文而有所不同。有没有办法将背景的颜色冒泡到后边框的颜色?
我现在的解决方案是复制具有已知背景颜色变化的类,但这看起来很丑陋且效率低下。
我使用Sass,并且更愿意避免使用javascript,但我愿意接受任何解决方案。