vollständig
gekürzt
<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <title>HCL133 Animationen</title> <style> #meinDIV { position:fixed; background-color:#CCC; animation: ausZentrum 3s; animation-fill-mode: forwards; } @keyframes ausZentrum { from {height:1%; width:1%; top:48%; right:48%;} to {height:80%; width:80%; top:10%; right:10%;} } </style> </head> <body> <div id="meinDIV">Hinweis</div> </body> </html>
