diff --git a/css/sample.css b/css/sample.css index eede092..fdc8a70 100644 --- a/css/sample.css +++ b/css/sample.css @@ -1,6 +1,10 @@ +html, body { width:100%; height:100%; margin:0; overflow:hidden; } + +.container { width:100%; height:100%; position:relative; overflow:hidden; } + .box { -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; } -.box { position:absolute; top:50px; left:0; background:#333; color:#fff; -webkit-transform:translate3d(1024px, 0px, 0px); opacity:0; } +.box { position:absolute; top:0; left:0; right:0; /*background:#333;*/ color:#fff; -webkit-transform:translate3d(1024px, 0px, 0px); opacity:0; } -.box img { display:block; } +.box img { width:auto; height:100%; margin:auto; display:block; } a { padding:10px; cursor:pointer; } \ No newline at end of file diff --git a/index.html b/index.html index 36e0cae..1d89540 100644 --- a/index.html +++ b/index.html @@ -10,7 +10,7 @@
- +