css3 星星发光效果 |竖向步骤条 css

/* CSS代码 */
.star{
width: 1rem;
height: 1rem;
position: relative;
border-radius: 50%;
box-shadow: 
0 0 .2rem yellow,
0 0 .4rem yellow,
0 0 1rem yellow,
0 0 2rem yellow,
0 0 3rem yellow,
0 0 5rem yellow,
0 0 10rem yellow;
animation: shine 5s infinite;
}
@keyframes shine{
0%{
opacity: 0;
}
50%{
opacity: 1;
}
100%{
opacity: 0;
}
}

以上是实现星星发光效果的CSS代码。通过box-shadow属性设置多重阴影，实现星星的光效；通过animation属性设置动画效果，让星星不断闪烁。

在HTML代码中，只需要添加一个div元素，并在元素上添加.star类即可实现星星发光的效果。

总的来说，CSS3的星星发光效果是一种非常炫酷的效果，可以很好地吸引用户的眼球，提高网页的可读性和用户体验。希望大家可以通过学习，掌握更多的CSS3前端技术，打造更加炫酷的网页效果。