div.meuContainer{ transform:scale(1); width: 374px; height: 290px; margin:0; -webkit-transform-origin:50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; margin:0; } div.meuContainer div.tablet{ position: absolute; left: 0px; right: 0px; top: 0px; display: block; width: 258px; min-height: 148px; /* margin:auto; */ padding: 21px 10px; border-radius: 21px; background-color: #AAAAAA; box-shadow: 2px 7px 0 2px #333333, inset 0 0 10px 0 rgba(0, 0, 0, .9), 46px 66px 50px -30px rgba(0, 0, 0, .32); -webkit-transform: perspective(1500px) rotateX(25deg) rotateY(-5deg) rotateZ(15deg) translate(18px, 18px); transform: perspective(1500px) rotateX(25deg) rotateY(-5deg) rotateZ(15deg) translate(18px, 18px);-webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%;-webkit-transition: all 1200ms cubic-bezier(.075, .82, .165, 1); transition: all 1200ms cubic-bezier(.075, .82, .165, 1);-webkit-transform-style: preserve-3d; transform-style: preserve-3d; } div.meuContainer div.tablet:after{ position: absolute; left: 0px; right: 0px; top: 9px; display: block; width: 7px; height: 7px; margin-right: auto; margin-left: auto; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, .05); border-radius: 20px; box-shadow: inset 0 1px 2px rgba(255, 255, 255, .5); background-color:#222222;content:""; } div.meuContainer div.tablet:before{ position: absolute; left: 5px; top:5px; width: 267px; min-height: 180px; display: block; background-color:#000000; border-radius: 15px;content:""; } div.meuContainer div.tablet div.tela{ background-image: url(/img/articles/chakron-system.jpg); background-repeat: no-repeat; background-size:cover; position:absolute; display: block; overflow: hidden; z-index: 1; left: 21px; top: 21px; width: 237px; height: 149px; white-space: nowrap; background-color:#333333; z-index:1; } div.meuContainer:hover div.tablet{ box-shadow: 0 0 0 0 #dbdbdb, inset 0 0 10px 0 rgba(0, 0, 0, .2), 0 25px 25px -20px rgba(0, 0, 0, .2); -webkit-transform: perspective(1500px) translate(0px, 70px);transform: perspective(1500px) translate(0px, 70px); }
