我的问题很简单,我想知道是否有任何方法可以content
用相关元素的内容填充属性。这是一个例子:
.saludo::before {
content: same; /*Sé que este valor no existe, lo he puesto para que os hagais una idea de lo que busco*/
color: green;
}
<span class="saludo">Hola</span>
显然我问这个是因为在我需要它的情况下,我不想对文本做一个简单的阴影。
我想达到的效果是这样的。
而且我也不想手动(content: "Hola"
)编写元素的内容,以使其具有动态性。
提前致谢。
我可以为您提供的解决方案是对内容使用相同元素的属性,在此解决方案之外,我认为最合适的方法是使用 javascript
在评论中看到您想要达到的效果,我提出了一个仅使用 CSS 且不使用
content
before 伪元素属性的解决方案。为此,您需要使用
linear-gradient
结合 CSS3 属性的 which-webkit-background-clip: text
将-webkit-text-fill-color: transparent
允许您添加渐变文本。此外,您可以使用
-webkit-text-stroke
.最后,您可以使用
filter: drop-shadow
充当的属性,text-shadow
但您可以将其应用于背景。