Team:Penn/Sender
<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>