صفحه html: الموقع او الصفحه في طور الانجاز متحركه zoom

صفحه html: الموقع او الصفحه في طور الانجاز متحركه zoom

بخلفيه سوداء

This page is under construction. Come back soon!

Cette page est en cours de construction. Revenez bientôt !

هذه الصفحة قيد الإنشاء. عود قريبا!

الكود:: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>En cours de construction</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #000; display: flex; align-items: center; justify-content: center; height: 100vh; overflow: hidden; } .construction-container { text-align: center; animation: zoom 2s ease-in-out infinite alternate; /* Animation de zoom */ } .construction-image { max-width: 100%; height: auto; border-radius: 50%; } .construction-text { font-size: 24px; color: #fff; margin-top: 20px; } @keyframes zoom { 0% { transform: scale(1); } 100% { transform: scale(1.2); } } </style> </head> <body> <div class="construction-container"> <img src="https://www.tritux.com/wp-content/uploads/2022/06/siteencoursderefonte.png" alt="En cours de construction" class="construction-image"> <p class="construction-text">Cette page est en cours de construction. Revenez bientôt !</p> </div> </body> </html>