ALERT MESSEGE ON THE SCREEN


Steps to make alert : –

  1. load.html
  2. load.css

load.html

<html>
<head>
<title>alert property</title>
<link rel=”stylesheet” type=”text/css” href=”load.css”>
</head>
<body>
<h1>a l e r t</h1>
</body>
</html>

load.css

body{background:#006600;}
h1{color:#000;
font-size:55px;
text-transform:uppercase;margin-left:25%;margin-top:25%;font-weight:bold;
animation-name:animate;
animation-duration:0.2s;animation-iteration-count:infinite;}
@keyframes animate{
0%{color:#020202;}
50%{color:red;}
100%{color:#f2f2f2;}
}

View of alert

To follow my blog to click below

© WebCoder.com

MY BLOG

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s