<html lang="en">
<head>
<title>Codekarnedo.com | Hide Div Using Css</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div>
<div id='container'>
<div id='hideMe'>
<h1>Auto hide Message-box after 5 seconds only Css | Without js</h1>
</div>
</div>
</div>
</body>
</html>
#hideMe {-webkit-animation: cssAnimation 3s forwards;
animation: cssAnimation 3s forwards;background: #ff5f7f;padding: 10px 10px;text-align: center;}
@keyframes cssAnimation {
0% {opacity: 1;}
90% {opacity: 1;}
100% {opacity: 0;}
}
@-webkit-keyframes cssAnimation {
0% {opacity: 1;}
90% {opacity: 1;}
100% {opacity: 0;}
}