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
   282   283   284   285   286   287   288   289   290   291   292