CSS3转换和javascript交互

当CSS 3转换结束时，有没有办法运行一些特定的JavaScript代码

例如，我需要在y轴上将一个div从0缩放到1，然后将其内容可见性从隐藏设置为可见

    <style>
    .scaleOn {-webkit-transform: scaleY(1.0); -webkit-transition: -webkit-transform 2s; }
    </style>

    function setVisibility() {
    $("#content").css({visibility: 'visible'});
    }

    function dataHere() {
    $("#contentWrapper").addClass('scaleOn'); // and now what? I need run setVisibility when transition ends
    }

    <div style="-webkit-perspective:200px">
    <div id="contentWrapper" style="-webkit-transform: scaleY(0.0)">
    <div id="content"></div>
   </div>
   </div>

.scaleOn{-webkit转换：scaleY（1.0）；-webkit转换：-webkit转换2s；}
函数setVisibility（）{
$（“#内容”）.css（{可见性：'可见'}）；
}
函数dataHere（）{
$（“#contentWrapper”）.addClass（'scaleOn'）；//现在怎么办？我需要在转换结束时运行setVisibility
}

也许您根本不需要Javascript-

可见性可以转换，转换可能会有延迟：

#contentWrapper {
  visbility: hidden;
  -webkit-transition: -webkit-transform 2s, visibility 0s linear 2s;
}
.scaleOn {
  visibility: visible;
}

转换完成后，将在2秒后直接显示.scaleOn。
检查这个问题：正如Keeper所说，使用yeah，但实际上我不能确定动画在2秒后是否100%完成