CSS3实现文字渐隐效果

最新推荐文章于 2025-08-11 16:48:26 发布

转载最新推荐文章于 2025-08-11 16:48:26 发布 · 1.6w 阅读

收录于

当前文章被以下社区和专栏收录：

<!DOCTYPE html>
<html>
<head>
<style>

div{
-webkit-animation: twinkling 1s infinite ease-in-out
}
.animated{
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
@-webkit-keyframes twinkling{
0%{
opacity: 0.5;
}
100%{
opacity: 1;
}
}
@keyframes twinkling{
0%{
opacity: 0.5;
}
100%{
opacity: 1;
}
}
</style>
</head>
<body>

<div>
此处是闪烁的内容
</div>

</body>
</html>