diff --git a/index.html b/index.html index 8c38354..8e64076 100644 --- a/index.html +++ b/index.html @@ -208,22 +208,44 @@ h2[data-spy='true'] position: relative; height: 350px; width: 350px; - margin-left: 60px; - border: 1px solid blue; + line-height:350px; + outline:1px solid blue; perspective: 400px; perspective-origin: 50% 50%; + + text-align:center; + white-space: nowrap; } + .shot3d div + { + vertical-align: bottom; + display: inline; + position: relative; + transform-style: preserve-3d; + outline: 1px solid #000; + font-size: 0px; + line-height:0; + } + .shot3d div::after + { + position: absolute; + padding: 0 20px 0 20px; + content: " "; + top: 100%; + left: -20px; + width: 100%; + height: 20px; + background: #ff0; + opacity: 0.5; + } + .shot3d img { - position:absolute; - bottom:0; - left: 0; - right: 0; - margin:0 auto; - max-width:100%; - max-height:100%; - transform-style: preserve-3d; + vertical-align: bottom; + display: inline; + max-width: 100%; + max-height: 100%; } .shot3d::before @@ -245,10 +267,9 @@ h2[data-spy='true']