|
|
| Line 1: |
Line 1: |
| − | <html>
| |
| − | <style type="text/css">
| |
| − | #wrap {
| |
| − | position: absolute;
| |
| − | top: 150;
| |
| − | left: 0;
| |
| − | width: 100%;
| |
| − | height: 205px;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | overflow: hidden;
| |
| − | }
| |
| | | | |
| − | #header {
| |
| − | position: absolute;
| |
| − | top: 250;
| |
| − | left: 0;
| |
| − | width: 100%;
| |
| − | height: 200px;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | animation: move 40s infinite linear;
| |
| − | }
| |
| − |
| |
| − | @keyframes move {
| |
| − | from {
| |
| − | left: 0;
| |
| − | }
| |
| − | to {
| |
| − | left: -2450px;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | #header > div {
| |
| − | width: 600px;
| |
| − | height: 200px;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | border-right: 2px solid black;
| |
| − | background-position: center;
| |
| − | background-size: 600px auto;
| |
| − | display: block;
| |
| − | position: inherit;
| |
| − | border-bottom: 30px solid black;
| |
| − | }
| |
| − |
| |
| − | #header > div.one {
| |
| − | background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Rho_Ophiuchi.jpg/611px-Rho_Ophiuchi.jpg);
| |
| − | margin-left: 0;
| |
| − | }
| |
| − |
| |
| − | #header > div.two {
| |
| − | background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/2/2b/Dawn_at_swifts_creek_panorama.jpg/1280px-Dawn_at_swifts_creek_panorama.jpg);
| |
| − | margin-left: 602px;
| |
| − | }
| |
| − |
| |
| − | #header > div.three {
| |
| − | background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/e/e5/Mist_-_Ensay_region3.jpg/1024px-Mist_-_Ensay_region3.jpg);
| |
| − | margin-left: 1204px;
| |
| − | }
| |
| − |
| |
| − | #header > div.four {
| |
| − | background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Lower_Manhattan_from_Staten_Island_Ferry_Jan_2006.jpg/1280px-Lower_Manhattan_from_Staten_Island_Ferry_Jan_2006.jpg);
| |
| − | margin-left: 1806px;
| |
| − | }
| |
| − |
| |
| − | #header > div.five {
| |
| − | background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/a/a3/Mt_hotham_alpine_range_scenery.jpg/1024px-Mt_hotham_alpine_range_scenery.jpg);
| |
| − | margin-left: 2408px;
| |
| − | }
| |
| − |
| |
| − | #header > div.six {
| |
| − | background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/e/ea/Sydney_Harbour_Bridge_night.jpg/1024px-Sydney_Harbour_Bridge_night.jpg);
| |
| − | margin-left: 3010px;
| |
| − | }
| |
| − | </style>
| |
| − | <div id="wrap"><div id="header">
| |
| − | <div class="one"></div>
| |
| − | <div class="two"></div>
| |
| − | <div class="three"></div>
| |
| − | <div class="four"></div>
| |
| − | <div class="five"></div>
| |
| − | <div class="six"></div>
| |
| − | </div>
| |
| − | </html>
| |