Question

我有“绿色”DIV。这个DIV有“黄色”DIV和动画（scaleX，scaleY）。我想制作粉色和蓝色的盒子（带绿色DIV）和这样的动画：http://i.imgur.com/3eGCa4D.jpg

但是我不能使用这个位置，所以一切都没有崩溃： - /

这是我的代码：jsfiddle.net/ KxM68 / 24 /

Answer 1

只需添加两个方框即可。您可以设置position：absolute或使用margin

的解决方案

CSS：

.pinkbox {
    background-color: pink;
    float:left;
    margin-top: -30px;
    margin-left: -5px;
    height: 60px;
    width: 60px;
}
.bluebox {
    background-color: blue;
    float:left;
    margin-top: -30px;
    margin-left: 140px;
    height: 60px;
    width: 60px;
}

带有添加div的HTML

<div style="width: 300px; height: 120px; background-color: green; margin: 10px 0 0 10px; padding: 80px 0 0 30px;">
    <div class="element-animation">box</div>
    <div class="pinkbox"></div>
    <div class="bluebox"></div>
</div>

CSS位置 - 如何制作动画框？

1 个答案: