Html CSS响应图像动画（带有绝对元素）

不管我怎么做，我都不能让它有反应。 我想问题可能是它里面几乎没有绝对的元素，但我不是很确定

我想把它放在页眉中，这样它就可以随着页面宽度的缩小而简单地缩放，但是我无法到达那里

HTML

代码笔链接：

基本上我想得到的是这种简单的反应效果：

---

欢迎提供任何提示。

您的元素

#立方体

具有固定宽度。它怎么可能是响应性的呢？你能准确地解释一下你想要达到的目标吗？并在你的问题中发布你的代码，否则很可能会被关闭。好的，谢谢回复！这是我的第一篇文章如此赤裸裸的与这个noob！是的，但是没有固定宽度的立方体不会绕其轴旋转：/你可能有什么解决方案，以百分比表示的宽度吗？问题是，你尝试过什么？我尝试过最大宽度、高度和宽度自动的变化，这些简单的东西可以很好地处理图像或简单的对象，但当我有几个有点复杂的元素时。正如uʍopǝpısdn所提到的，我的

#cube

已修复，但如果没有它，则无法正确旋转：/

<div class="conLogo">
<a id="cube" href="#">

<div class=weaver>
<img class="moveLittle" src="http://i.imgur.com/LyPWn45.png"></div>

<div class=ghost></div>

</a>
</div>

#conLogo {
width: 60%;
margin:0 auto;

}


#cube {
display: block;
margin: 30px auto;
height: 200px;  width: 1%;
-webkit-transform-style: preserve-3d;
-webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
transform-style: preserve-3d;
transform: rotateX(0) rotateY(0) rotateZ(0);
}

#front {
position: absolute;  height: 200px;  width: 200px;
-webkit-backface-visibility: visible;
-webkit-transform:  translateZ(100px);
backface-visibility: visible;
transform:  translateZ(100px);
}
#back {
position: absolute;  height: 200px;  width: 200px;
-webkit-backface-visibility: visible;
-webkit-transform:  rotateY(180deg) translateZ(100px);
backface-visibility: visible;
transform: rotateY(180deg) translateZ(100px);
}
#cube {
-webkit-animation: upyourscache1377134648493 5s infinite linear;
animation: upyourscache1377134648493 5s infinite linear;

}
@-webkit-keyframes upyourscache1377134648493 {
0% { -webkit-transform: rotateY(0) ;}
100% { -webkit-transform: rotateY(360deg) ;}
}
@keyframes upyourscache1377134648493 {
0% { transform: rotateY(0) ;}
100% { transform: rotateY(360deg) ;}
}

.ghost{
background:#dfe;
margin:auto;
margin-top: -85px;

box-shadow:0 0 28px 9px #dfe;
color:#132;
width:20px; 
}

.moveLittle{
margin-left:-30px;

}


.ghost{
-webkit-animation:1.5s glow infinite alternate;
animation:1.5s glow infinite alternate;
}
@-webkit-keyframes glow{
from {opacity:0.1;}
to {opacity:1.0;}
}
@keyframes glow{
from {opacity:0.1;}
to {opacity:1.0;}
}