T
tejdi
Guest
Hello i want to create fog on my background but i don't know how to do it.
My .html code:
My .css code:
I want to put "images/fog1.png" and "images/fog2.png" above "images/header.png" and make it moving like here:
https://www.reddit.com/r/leagueoflegends
My .html code:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<meta name="Description" content="test" />
<meta name="Keywords" content="test" />
<link rel="stylesheet" type="text/css" href="style.css" />
<!--<link rel="shortcut icon" href="http://1.bp.blogspot.com/-Gq87btW5W4I/U5Yt7HptunI/AAAAAAAAA2c/S2efemoVbQM/s1600/th_favicon.png" />-->
<title>Test</title>
</head>
<body>
<div id="header">
<image src="images/header.png"/>
</div>
<h1>
test.
</h1>
<p>
test2.
</p>
</body>
</html>
My .css code:
Code:
* {
margin: 0px;
padding: 0px;
}
p {
font-size: 14px;
text-align: center;
color: white;
}
body, html {
background-color: #000000;
color: white;
}
a:link {
color: red;
}
h1 {
text-align: center;
}
#header {
width: 100%;
height: 200px;
}
I want to put "images/fog1.png" and "images/fog2.png" above "images/header.png" and make it moving like here:
https://www.reddit.com/r/leagueoflegends