css制作闪亮划过字 |设置阴影css

首先，在html代码中创建一个a标签，并赋予它一个class，例如：

<a href="#" class="shine-text">Shine Text</a>

然后，在css中设置该class的属性，包括字体、颜色、效果等，例如：

.shine-text {
font-size: 25px;
color: #333;
text-decoration: none;
position: relative;
display: inline-block;
}
.shine-text::before {
content: "";
position: absolute;
top: -20%;
left: -20%;
width: 140%;
height: 140%;
background: rgba(255, 255, 255, 0.2);
transform: rotate(45deg);
z-index: -1;
filter: blur(1px);
}
.shine-text:hover::before {
animation: shine 1.5s forwards;
}
@keyframes shine {
0% {
top: -20%;
left: -20%;
}
100% {
top: -30%;
left: -30%;
}
}

以上代码设置了shine-text类的字体、颜色、大小等。在该类的::before伪元素中，创建了一个旋转的方块，并通过z-index将其放置在该类元素的背后。在hover时，通过animation实现闪亮效果。

最后，就能在网页上看到闪亮划过字效果了！