Text Fade In and Out
Code
<!DOCTYPE html>
<html>
<head>
<style>
.fade-text {
font-size: 30px;
color: #333;
text-align: center;
animation: fade 2s infinite;
}
@keyframes fade {
0%, 100% { opacity: 0; }
50% { opacity: 1; }
}
</style>
</head>
<body>
<div class="fade-text">Hello, World!</div>
</body>
</html>
Code
<!DOCTYPE html>
<html>
<head>
<style>
.fade-text {
font-size: 30px;
color: #333;
text-align: center;
animation: fade 2s infinite;
}
@keyframes fade {
0%, 100% { opacity: 0; }
50% { opacity: 1; }
}
</style>
</head>
<body>
<div class="fade-text">Hello, World!</div>
</body>
</html>
