diedVIPs

html knowhow

Textbox nach Zeit automatisch ausblenden









back

spaceTextbox nach Zeit automatisch ausblenden

So sieht´s aus

Das ist eine Info, die sich nach 10 Sekunden automatisch ausblendet

Quellcode
<html>
<head>

<style>
.success {background-color: lightblue; border:2px solid blue; text-align: center; color: #000000; padding: 10px; width: 60%; animation: status 10s ease forwards;}
@keyframes status {
0% { opacity: 1; pointer-events: all;}
90% { opacity: 1; pointer-events: all;}
100% { opacity: 0; pointer-events: none; } }
</style>
</head>

<body>
<center>
<div class="success">Das ist eine Info, die sich nach 10 Sekunden automatisch ausblendet</div>
</center>
</body>

</html>