你如何创建白色插入文本？

Question

创建黑暗插入文本很简单。你只需要写两次相同的单词（在这种情况下使用text-shadow），但是第二次你把它写下来然后向右下一点并用一些不透明度用浅色写。一旦弄明白就很容易。

我遇到的问题是白色插入文字。没有比白色更白的颜色，所以没有办法创造出更多光线在顶部而不是在插入角色内部的幻觉。我能想到的最好的是白色的文字，但我想要白色插页文字。

.dark {
    color:rgba(0, 0, 0, .6);
    text-shadow:2px 2px rgba(255, 255, 255, .1);
}
.light {
    color:rgba(200, 200, 200, 1);
    text-shadow:2px 2px rgba(0, 0, 0, .2);
}

fiddle

在IRC上找到答案fiddle 光线从左上角撞击，因此在tl z轴为

的地方看起来更暗

Answer 1

你只需要尝试不同的组合。我还使用了多个文本阴影来插入文本样式。

我更喜欢这样做的风格：

text-shadow:1px -1px rgba(0, 0, 0, .2);

Answer 2

将深色文字阴影放在浅色文字阴影的另一侧：

text-shadow: -2px -2px rgba(0, 0, 0, .2);