效果:
css:
<style>
.wrapper {
background-color: #000;
filter: contrast(5);
}
.text {
color: #fff;
font-size: 30px;
text-align: center;
animation: showup 3s forwards;
}
@keyframes showup {
from {
letter-spacing: -13px;
filter: blur(3px);
}
to {
letter-spacing: 0px;
filter: blur(0);
}
}
</style>
</head>
<body>
<div class="wrapper">
<div class="text">html css javascript</div>
</div>
</body>