Page 287 - Web Applications (803) Class 12
P. 287
Output:
19. Create a webpage with the blinking effect on text.
Ans. <html>
<head>
<title>Blinking Text</title>
<style>
/* Define the animation for blinking */
@keyframes blink {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
/* Apply the animation to the element */
.blink {
animation: blink 1s infinite;
}
</style>
</head>
<body>
<h1>Web Page Transitions</h1>
<p class=”blink”>Check out this cool effect! This text will continuously
blink on page load.</p>
</body>
</html>
Practical Work 285

