diff --git a/index.html b/index.html index 431fee9..c9a216f 100644 --- a/index.html +++ b/index.html @@ -1,19 +1,18 @@ - - - - - - - + + + + Document - + + +
BLUE
CUBE
Casa Grande
@@ -23,15 +22,14 @@ -
-
- - - - - -
-
- +
+
+ building + building + building + building + building +
+
\ No newline at end of file diff --git a/myScript1.js b/myScript1.js index b322df7..601cf75 100644 --- a/myScript1.js +++ b/myScript1.js @@ -1,4 +1,3 @@ - window.onload=function() { var element = document.getElementById("myBar"); var width = 1; @@ -11,6 +10,5 @@ window.onload=function() { element.style.width = width + '%'; } } -} - +} diff --git a/mystyle.css b/mystyle.css index e8d13c1..88246f5 100644 --- a/mystyle.css +++ b/mystyle.css @@ -1,30 +1,38 @@ - #slider { - overflow: hidden; + overflow: hidden; } #slider figure { - align-items: center; - position: relative; - animation: slider 5s linear 1s infinite; + align-items: center; + position: absolute; + width: 300%; + margin: 0; + left: 0; + animation: slider 5s linear 1s infinite; } -@keyframes slider { - 0% { - left:0; -} -25% { - left: -25%; +#slider figure img { + float: left; + } -75% { - left: -50%; -} -100% { - left: -75%; -} -} + @keyframes slider { + 0% { + left:0; + } + + 25% { + left: -25%; + } + + 75% { + left: -50%; + } + 100% { + left: -75%; + } + } #black {