悠悠楠杉
网站页面
CSS布局与伪元素结合装饰效果
11/12
css
.fancy-title {
position: relative;
display: inline-block;
color: transparent;
background: linear-gradient(90deg, #6a11cb, #2575fc);
-webkit-background-clip: text;
background-clip: text;
}
.fancy-title::before {
content: attr(data-text);
position: absolute;
top: 0; left: 0;
z-index: -1;
color: #fff;
text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}
CSS布局提供秩序，伪元素赋予灵气。二者的融合，正是现代前端美学的核心体现。
