相关疑难解决方法(0)

我想淡出一个元素(将其不透明度转换为0),然后在完成时从DOM中删除元素.

在jQuery中,这是直截了当的,因为您可以在动画完成后指定"删除".但是,如果我希望使用CSS3过渡动画,那么无论如何都要知道过渡/动画何时完成？

我想知道如何获得元素的比例值？

我试过$(element).css('-webkit-transform');哪个回归matrix(scaleX,0,0,scaleY,0,0);有没有办法获得scaleX而且scaleY只有？

实例:https://jsfiddle.net/b8vLg0ny/

可以使用CSS scale和translate函数来放大元素.

以这个例子为例,在2x2网格中有4个方框.

HTML:

<div id="container">
  <div id="zoom-container">
    <div class="box red">A</div>
    <div class="box blue">B</div>
    <div class="box green">C</div>
    <div class="box black">D</div>
  </div>
</div>

CSS:

* { margin: 0; }

body, html { height: 100%; }

#container {
  height: 100%;
  width: 50%;
  margin: 0 auto;
}

#zoom-container {
  height: 100%;
  width: 100%;
  transition: all 0.2s ease-in-out;
}

.box {
  float: left;
  width: 50%;
  height: 50%;
  color: white;
  text-align: center;
  display: block;
}

.red { background: …