From 2e8b0337d508dde02015e903e687814c6d143f67 Mon Sep 17 00:00:00 2001 From: Ataris Date: Sat, 12 Mar 2016 22:05:17 +0800 Subject: [PATCH] fix cube size & display position --- css/style.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/css/style.css b/css/style.css index 738f31f..9b7be37 100644 --- a/css/style.css +++ b/css/style.css @@ -18,14 +18,14 @@ html,body{ } .cube{ position: absolute; - top: -300px; - right: 300px; + top: 0; + right: 0; bottom: 0; left: 0; - width: 300px; - height: 100px; + width: 500px; + height: 300px; margin: auto; - transition: .8s; + transition: .8s; -webkit-transform-style: preserve-3d; -webkit-transform-origin: 250px 150px -250px; -webkit-backface-visibility: visible; @@ -147,7 +147,7 @@ html,body{ top: 0; width: 500px; height: 300px; - right: -700px; + right: -500px; -webkit-transform: rotateY(90deg); -webkit-transform-origin: 0 0; -moz-transform: rotateY(90deg); @@ -206,4 +206,4 @@ input{ #zoom-cube:checked ~ .button-wrap .for-zoom-cube{ background-color: #fff; color: #eb4c89; -} \ No newline at end of file +}