html knowhow

Textbox erlischt nach Zeit automatisch

Textbox erlischt nach Zeit automatisch

So sieht´s aus

aaaaaaaaaaaaaaaaaa

Quellcode

<html>
<head>

<style>
div#popup {font-size: 1em; color: blue; background-color: skyblue; border:1px solid lightblue; text-align: center; padding: 5px;
width: 250px; height: 270px; position: absolute; left: 100px; top: 90px; z-index: 1000; box-shadow: 0px 0px 7px 6px #BBBBBB; animation: popUp 10s ease forwards;}
@keyframes popUp {
0% {opacity: 1; pointer-events: all;}
90% {opacity: 1; pointer-events: all;}
100% {opacity: 0; pointer-events: none; } }
</style>
</head>

<body>
<center>
<p>Hier sehen Sie nichts. Die Box erlischt aber in 10 Sekunden</p>
<div id="popup">
<img alt="" height="250" src="../Bilder/Andie%20MacDowell.jpg" width="200"><br/>Das ist ein Superstar</div>
</center>
</body>

</html>