Spaces:
Running
Running
| import gradio as gr | |
| html_content = """ | |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Text Animation</title> | |
| <style> | |
| @keyframes fadeInOut { | |
| 0%, 100% { | |
| opacity: 0; | |
| } | |
| 50% { | |
| opacity: 1; | |
| } | |
| } | |
| .animated-text { | |
| font-size: 3em; | |
| font-weight: bold; | |
| text-align: center; | |
| margin-top: 20%; | |
| animation: fadeInOut 3s infinite; | |
| color: #000; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="animated-text">this is text!</div> | |
| </body> | |
| </html> | |
| """ | |
| with gr.Blocks() as demo: | |
| gr.HTML(html_content) | |
| demo.launch() | |