相关疑难解决方法(0)

"-webkit-text-fill-color"和"color"之间的区别？

我想要了解它们之间的区别-webkit-text-fill-color并且只是简单color？有什么功能差异吗？据我所知,它们完全相同..你能用一种而不是另一种吗？

css webkit colors fill

and*_*ick

lucky-day

22
推荐指数

2
解决办法

2万
查看次数

在bg重叠时将文本颜色变为黑色

我有一个div与背景颜色渐变绝对定位.我有这个文本,当我向上滚动文本时,我想要更改为白色.

我正在使用'mix-blend-mode'属性来实现此目的,但我找不到任何将文本从黑色变为白色的设置.有没有人以前做过这个或者能想到我能做的伎俩？

.bg-container {
  position: fixed;
  top: -30px;
  left: 0;
  width: 100px;
  height: 100px;
}

.gradient-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 200px;
  background-image: linear-gradient(to bottom, rgb(100, 182, 240) 15%, rgb(81, 155, 244));
  transform: skewY(-15deg);
}

.scroll-content {
  position: absolute;
  top: 50px;
}

.scroll-content p {
  color: #000;
  mix-blend-mode: overlay;
}

/*hack for iOS*/
.scroll-content p:after{
    content: '\200c'
}

Run Code Online (Sandbox Code Playgroud)

<div class="bg-container">
  <div class="gradient-background">
    &nbsp;
  </div>
</div>
<div class="scroll-content">
  <p> abc 1 </p>
  <p> abc 2 </p> …

Run Code Online (Sandbox Code Playgroud)

css linear-gradients css3 css-transforms mix-blend-mode

pla*_*ers

2019 02-27

13
推荐指数

1
解决办法

270
查看次数