Question

怎样用js触发css的过渡效果

css3的过渡效果：
-webkit-transition:width 2s;
触发事件：
div:hover
{
width:300px;
}
css的实现是通过鼠标悬停实现的，我现在想通过触发一个js实现同样的效果。求大神指点。

Answer 1

用js触发css的过渡效果可以用impress.js实现。

以下例子实现了基于CSS3变化和过度效果:

$.jmpress('template', 'arraytemplate', {
   x: 100, y: 100, scale: 2,
   children: [
       { x: 0, y: 150, scale: 0.2 },
       { x: 0, y: 450, scale: 0.3 }
   ]
});

支持现代浏览器Chrome，Safari和Firefox支持.