css 使div慢慢展示 |css 中下划线加粗

.fade-in {
opacity: 0; /* 设置元素初始透明度为 0*/
animation: fade-in 1s ease-out forwards; /* 使用动画使元素逐渐显示 */
}
@keyframes fade-in {
to {
opacity: 1; /* 动画结束时元素完全显示 */
}
}

首先，大家给要进行动画的 div 元素设置一个类名 “fade-in”。 在 CSS 中，大家需要设置元素的初始值，大家在这里将透明度设置为 0，这样在未进行动画前，元素将不可见。

接着，大家使用 animation 属性来定义一个名字叫做 “fade-in” 的动画。这个动画将于 1 秒内完成，动画效果是渐出。大家使用 forwards 参数来设置动画结束后元素保持最终状态（即完全显示）。

最后，大家使用 @keyframes 规则定义动画。大家设置 “to” 关键字，代表动画最终值的状态，即元素透明度为 1，即完全显示。

使用以上 CSS 代码，大家可以使 div 元素慢慢展示。