jquery - 更平滑的 jquery 过渡

Question

请参阅： http: //jasondaydesign.com/masonry_demo/ 并点击 movemaine.com 图片

我希望我的显示与隐藏的过渡，加上砖石的重新排列，整体上更平滑。我玩过速度，但没有得到我想要的结果。

此外，我想要一个带有显示隐藏的指针光标，但我似乎无法让它工作。想法？

谢谢！

Answer 1

你检查过任何 jQuery 的缓动插件吗？

编辑：关于 CSS/更改光标。添加以下规则应该可以解决问题：

.expandable {
  cursor: pointer;
}

Answer 2

我喜欢这个概念，但恐怕你只是碰到了浏览器可以处理的限制。您唯一能做的就是确保所有移动的东西都可以position: absolute让浏览器在动画期间不必重排任何东西。

也许尝试一次移动一个，或者一次移动一列，但速度非常快。这将是一个稍微不同的效果，但它会减少并发动画的数量。或者您可以向下滑动前两列以容纳更大的图像。

关于光标，您可以使用 CSS 之类的{cursor:hand;}. 谷歌“css cursor types”，你会看到选项是什么。